Вызов функции из компонента в маршруте реакции

#javascript #reactjs

#javascript #reactjs

Вопрос:

Я передаю реквизиты компонента формы как addcertificate в App.js . И добавление этих значений в состояние app.js используя функцию add, я хочу преобразовать эти :

<Forms addcertificate={this.add} /> для маршрутизации, подобной этой <Route path=":action/id" component={IdentityPage} />

Я пробовал это, но получаю ошибку:

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

Ответ №1:

Вы можете использовать render prop вместо component prop для рендеринга некоторого пользовательского JSX.

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