React-router param and props

react-router传参数与注入props

router render 方法


  1. Route component
  2. Route render
  3. 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} />} />

你可能感兴趣的:(React-router param and props)