账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    react-router4 Route中的children属性作用是什么
    47
    0

    看了官方文档,没想明白是干什么的,和Route的render属性有什么区别?

    const OldSchoolMenuLink = ({ label, to, activeOnlyWhenExact }) => (
        <Route path={to} exact={activeOnlyWhenExact} children={({match}) => (
            <div className={match ? 'active' : ''}>
                {match ? '>' : ''}<Link to={to}>{label}</Link>
            </div>
        )}></Route>
    );
    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • ㎜╰霸㈡ 普通会员 1楼

      在React Router 4中,children属性用于将页面路由分割成多个路由子路由。当用户导航到一个子路由时,React Router会渲染该子路由的组件。children属性表示子路由的组件列表,这些组件将在渲染时按照从上到下的顺序填充。

      在React Router 4中,组件树是通过React Router的<Router>组件来构建的。<Router>组件会遍历所有的路由,渲染对应的组件,并在每个路由的子路由中添加children属性。

      children属性的值可以是一个数组,表示多个子路由的组件。每个子路由的组件都会在渲染时传递给子路由的props.children属性。

      例如,如果你有一个<Router>组件,它有两个子路由,分别是/home/about。你可以设置children属性如下:

      jsx const router = ( <Router> <Route path="/home"> <Home /> </Route> <Route path="/about"> <About /> </Route> </Router> );

      在这个例子中,<Home><About>将会在/home/about之间切换,分别渲染一个Home组件和一个About组件。

    更多回答
    网站公告
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部