react-router中Route组件之特殊的children

如题,react-router中Route组件的children是一个特殊的存在,在大多数场景下我们大多会使用component或者render,下边来说说这个特殊的children~~不过在这之前先说说react-router中的Route组件…

Route组件

  • 基本作用
    Route组件中会有path属性,表示要跳转的URL,当path(路径)和当前的URL匹配的时候,去渲染对应的组件。
  • Route组件渲染组件有三种方式:
    component
    render
    children
    这三个方式都可以拿到this.props,里边会有这样一堆属性:
    history
    location
    match
  • 三种方式的区别
    • component:
      一般传入一个定义好的组件(函数组件或者类组件),高级点的用法可以这样,我们传入一个回调函数,这样我们的User组件就可以拿到我们自定义传入的数据。

      <Router><Route path="/user" component={


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部