从React路由中的组件调用函数

Question

我正在App.js中将表单组件的道具传递为addcertificate。 并使用添加功能在app.js状态下添加这些值 我要转换这些：

<Forms addcertificate={this.add} />像这样<Route path=":action/id" component={IdentityPage} />

进行路由

我尝试了此操作，但出现错误：

<Route path=":action/id" component={<Forms addcertificate={this.add} />} />

Answer 1

您可以使用render道具代替component道具来渲染一些自定义JSX。

<Route
  path=":action/id"
  render={() => <Forms addcertificate={this.add} />}
/>