您可以通过将
renderprop 传递给组件来将prop 传递给组件
Route,从而内联组件定义。根据
DOCS:
这样就可以方便地进行内联渲染和包装,而无需进行上述不必要的重新安装。与其使用
componentprop
为您创建新的React元素,还可以传递一个在
location匹配时调用的函数。渲染道具接收与组件渲染道具相同的所有路线道具
这样您就可以将prop传递给组件
<Route path="/" exact render={(props) => (<Home test="hi" {...props}/>)} />然后您可以像访问它
this.props.test
在你的
Home组件中
PS 还请确保您正在传递,
{...props}这样默认路由器道具location,history,matchetc也将传递给该
Home组件,否则唯一传递给它的道具就是
test。



