Reactjs 将道具传递给onClick函数获取错误函数获取值字符串

我试图将一个道具传递给其他文件并激活其中的某些功能

<CustomHtml NameF="Print"/>

这在App.js中

如果我们去自定义HTML函数

function CustomHtml({NameF}){
  
 function Print(){
 consol.log("Hi)
 }

    return(

        <button onClick={NameF}>Click Me<button />
      )
    } 
  export default CustomHtml 

函数CustomHtml（{NameF}）{
函数打印（）{
控制台日志（“Hi）
}
返回(
点击我
)
} 
导出默认自定义HTML

---

然后我得到了一个错误，说“

onClick

listener是一个函数，而得到了一个

string

type的值。“

错误有效您正在将

打印”

字符串作为属性传递。如果要将

打印

函数作为回调传递，则应将组件更改为”

<CustomHtml NameF={Print}/>

---

另外，

Print

功能应该可以在使用

CustomHtml

组件的组件中访问。

第22:87行：未定义“可更改”没有未定义搜索关键字以了解有关每个错误的详细信息。它位于其他不同的文件中如何使其可访问？在该文件中声明Print功能。我这样做了，我也这样做了得到这个错误“错误：无效的钩子调用。钩子只能在函数组件的主体内部调用。发生这种情况的原因如下：1。React和渲染器（如React DOM）2的版本可能不匹配。你可能违反了Hooks 3的规则。同一个应用程序中可能有多个React副本。有关如何调试和修复此问题的提示，请参阅。“请帮帮我