reactjs 将函数作为React组分参数传递[重复]

laik7k3q  于 2023-02-22  发布在  React
关注(0)|答案(1)|浏览(119)
    • 此问题在此处已有答案**:

React: Passing props to function components(5个答案)
22小时前关门了。
我需要把函数作为组件参数传递给SearchComponent,我该怎么做呢?我有一个函数"handlerFunction",我想把它传递给SearchComponent的子组件。

配置文件页面. js

export const ProfilePage = () => {
  const [docID, setDocID] = useState(null)

  const handlerFunction = (id) => {
    setDocID(id)
  }

  return (
    <div className="ProfilePage">
        profile page {uid}
        <SearchComponent token={access} handler={handlerFunction}/>
    </div>
  )
}

搜索组件. js

export const SearchComponent = (token, handler) => {
  return (
    <a onClick={() => handler(doc["id"])}>Button</a
  )
}

我的代码不工作,因为"未捕获的TypeError:处理程序不是函数"。请帮助我)

drkbr07n

drkbr07n1#

您需要在子组件声明中使用花括号来解构您的props:

export const SearchComponent = ({ token, handler }) => {

}

相关问题