问答

react-router 如何往组件注入其他props ?

作者:admin 2021-07-22 我要评论

从官方例子试了下, 组件 props 只接收到了router默认注入的props,定义的如何注入,比如我想注入一个 test 字段? DEMO ps: 想增加个props做路由权限校验 ### 很...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

从官方例子试了下, 组件props只接收到了router默认注入的props,定义的如何注入,比如我想注入一个test字段?

image.png

DEMO

ps: 想增加个props做路由权限校验

###

很简单啊。修改一下下面两处:

function RouteWithSubRoutes(route) {
  return (
    <Route
      path={route.path}
      render={props => (
        // pass the sub-routes down to keep nesting
        <route.component {...props} routes={route.routes} test={route.test} />
      )}
    />
  );
}
function Sandwiches(props) {
  console.log(props.test);
  return <h2>Sandwiches</h2>;
}
###

看错问题了,不好意思。

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • react-router 如何往组件注入其他props

    react-router 如何往组件注入其他props

  •  各位,github上下载的应用源码解压后

    各位,github上下载的应用源码解压后

  • Laravel 中遇到一个 toarray 问题,是

    Laravel 中遇到一个 toarray 问题,是

  • iOS PDF 签章 电子章不显示,属性设置

    iOS PDF 签章 电子章不显示,属性设置

腾讯云代理商
海外云服务器