react-router传参数与注入props
router render 方法
- Route component
- Route render
- Route children
component不可传参数,默认注入props,可以获得props里面的方法
<Route path="/user/:username" component={Home} />;
要在route给子组件传入参数,可用render
<Route path="/home" render={() => <div>Home</div>}/>
component 默认注入props,但render没有,路由子组件可以获取到参数,但props没有注入,无法获得props里面的方法,需要手动注入props
<Route path="/hall" render={(props) => <Home {...props} fn={this.fn} />} />