• • 此问题在此处已有答案**：

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：处理程序不是函数"。请帮助我）