Вы отправили ссылку на документацию для выпуска Oxygen, поэтому я предлагаю установить эту версию. Релиз Boron является старым и больше не поддерживается / поддерживается вверх по течению.
В «Родительском компоненте» попробуйте передать 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}`);
}
<TeamItem
key={team.idTeam}
strTeamBadge={team.strTeamBadge}
strTeam={team.strTeam}
strStadium={team.strStadium}
goToDetails={() => this.goToDetails(team.idTeam)}
/>
))
Ваша функция вызывается при рендеринге компонента, попробуйте использовать функцию стрелки