TypeError: setExercises不是一个函数

Question

我正在使用API制作一个Recat健身房网站，在这个过程中，当我搜索一些东西时，它会得到数据并显示错误，也就是说，数据不会传递到setExercise以显示给屏幕。这是用于搜索onClick={handlesearch}的函数

const SearchExercises = (setExercises) => {

const handleSearch= async()=>{
            if(search){
                const exerciseData = await fetchData('https://exercisedb.p.rapidapi.com/exercises', exerciseOptions);
                const SearchExercises = exerciseData.filter((exercise)=>
                    exercise.name.toLowerCase().includes(search));
                setSearch('');
                setExercises(SearchExercises);
            }
        }
}

useState在home.js文件中定义。

function Home() {
  const [bodyPart,setBodyPart] = useState('all')
  const [exercises, setExercises] = useState([])
  return (
    <Box><SearchExercises setExercises={setExercises} bodyPart={bodyPart} setBodyPart={setBodyPart}/>
    </Box>
  )
}

Answer 1

当您将道具传递给React组件时，第一个参数包含您的所有道具。常见的模式是像这样对它们进行分解。

const SearchExercises = ({ setExercises, bodyPart, setBodyPart }) => {

Answer 2

你应该收到像这样的道具。

const SearchExercises = ({setExercises}) => {

..。