React：从父组件通过NavLink访问道具数据

Question

我想从父组件使用NavLink发送整数值，并在Child组件中访问它 例如，如果我从父组件传递整数1（即从头组件传递） 所以我可以在我的孩子组件中使用相同的。 以下是代码段

<button className='rounded-corner-btn'>Comics<br/><NavLink to= 
{`/head/${1}`} ></NavLink></button>

我希望在我的子组件中使用此整数的网址/head/${1}以呈现另一个组件

Answer 1

如果您定义子路线，如

<Route path="/head/:id" component={Child}/>

你可以访问id中的一个整数，如

this.props.match.params.id如果您使用react-router-v4或更高版本，然后采取必要的措施