小编wiz*_*dos的帖子

如何在反应打字稿中将函数作为道具传递

我正在用 React 学习打字稿,但出现了问题。我尝试将函数作为 prop 从我的 App 组件传递到名为 DataForm 的子组件。

\n

但我得到一个错误:

\n
\n

类型“(f:any)=>any”不可分配给类型“()=>void”。
\n参数“f”隐式具有“any”类型。

\n
\n

这是我的代码

\n

应用程序.tsx\n

\r\n
\r\n
import React from \'react\';\nimport \'./App.css\';\nimport DataForm from \'./components/form\';\n\nexport const Data = {\n  name: "",\n  country: "",\n  age:"",\n  adress:""\n}\n\nfunction App() {\n\n\n  const generateCard = ()=>{\n    console.log(" generateCard runned")\n  }\n  return (\n    <>\n      <h1>Human Card Generator</h1>\n      <DataForm  createCard = { generateCard }/>\n    </>\n    \n\n  );\n}\n\nexport default App;
Run Code Online (Sandbox Code Playgroud)\r\n
\r\n
\r\n

\n

组件/form.tsx

\n

\r\n
\r\n
import React from \'react\'\nimport { …
Run Code Online (Sandbox Code Playgroud)

javascript typescript reactjs

10
推荐指数
1
解决办法
4万
查看次数

标签 统计

javascript ×1

reactjs ×1

typescript ×1