Как передать опору в моем маршруте от моего компонента к дочернему компоненту с помощью onClick

Вы отправили ссылку на документацию для выпуска Oxygen, поэтому я предлагаю установить эту версию. Релиз Boron является старым и больше не поддерживается / поддерживается вверх по течению.

1
задан Blundering Philosopher 19 January 2019 в 20:54
поделиться

2 ответа

В «Родительском компоненте» попробуйте передать goToDetails реквизит как goToDetails={() => this.goToDetails(team.idTeam)} вместо того, как вы это делаете в настоящее время. Это обеспечит передачу функции дочернему компоненту (я полагаю TeamItem).

Ваш родительский компонент будет выглядеть следующим образом:

const teamsComponents = this.state.teamsList.map((team) => (
  <TeamItem 
    key={team.idTeam}
    strTeamBadge={team.strTeamBadge}
    strTeam={team.strTeam}
    strStadium={team.strStadium}
    // -> change the line below
    goToDetails={() => this.goToDetails(team.idTeam)}
  /> 
))

Кроме того, в вашей функции goToDetails вы можете использовать this.props.history .push(<YOUR-PATH>) так: [ 1111]

goToDetails = (idTeam) => {
  this.props.history.push(`/details/${idTeam}`);
}
0
ответ дан Blundering Philosopher 19 January 2019 в 20:54
поделиться
 <TeamItem 
  key={team.idTeam}
  strTeamBadge={team.strTeamBadge}
  strTeam={team.strTeam}
  strStadium={team.strStadium}
  goToDetails={() => this.goToDetails(team.idTeam)}
 /> 
 )) 

Ваша функция вызывается при рендеринге компонента, попробуйте использовать функцию стрелки

0
ответ дан Sarmad Aijaz 19 January 2019 в 20:54
поделиться
Другие вопросы по тегам:

Похожие вопросы: