react-router-v4

    8热度

    1回答

    如何在世界上使用react-router,特别是版本4.x中的嵌套路由?在以前的版本以下行之有效... <Route path='/stuff' component={Stuff}> <Route path='/stuff/a' component={StuffA} /> </Route> 升级到4.x的抛出以下警告... 警告:你不应该使用<路线>组件和<路线孩子>在同一条路线上

    6热度

    3回答

    我有检查条件这样 <Route exact path="/" render={()=>( Store.isFirstTime ? <Redirect to="intro" /> : <Home state={Store}/>)}/> 当条件为真,但该组件没有被安装在网址变更后重定向的路径。其余的组件代码如下。 render() { return ( <div>

    8热度

    4回答

    我已经阅读了许多关于react-router v4和npm历史库的内容,但似乎没有人帮助我。 我的代码正常运行,直到它应该导航,并使用history.push()方法更改url时执行简单的重定向。该URL将更改为指定的路由,但不会按按钮上的重定向。在此先感谢,仍然学习react-router ... 我想要按钮推动做一个简单的重定向没有{forceRefresh:true},然后重新加载整个页面。

    1热度

    1回答

    这是我的目标。我想创建一个复合组件,它会在显示children元素之前检查匹配的url的有效性。否则,它将返回一个公共组件以显示错误消息。 因此,这里是我的我的“装饰”的代码: const EnforceUrlValidation = (test, children) => { const fn = ({ match }) => { if (! test(match)) {

    0热度

    2回答

    我有呈现多个URL相同的单页的应用程序服务器: / /A /B 我想作为一个“主页”页面。 因此,对“/”或“/ A”的浏览器请求应显示相同的内容。 特别是,我将链接到页面A和B,并且我希望将链接A标记为“/”和“/ A”的活动状态。 所以我使用的是一样的东西: <NavLink to="/A" activeClassName='nav-active'>Go to A</NavLink>

    0热度

    1回答

    我尝试从https://github.com/ReactTraining/react-router/blob/master/packages/react-router-config/README.md#renderroutesroutes 服务器端代码运行例如: router.get('/*', function(ctx, next) { const context = {};

    2热度

    2回答

    我正在尝试迁移到react-router v4。我终于得到了路由本身手动工作(当我输入特定的url),但现在我有通过我的导航栏链接页面的麻烦。 以前我会简单地使用LinkContainer围绕NavItem,但是当我做这个,现在我得到的错误: Uncaught TypeError: router.createHref is not a function at LinkContainer.rende

    1热度

    2回答

    看着this video反应路由器似乎易于使用,但我找不到如何在我的代码中导航,因为我想点击一个div链接,而不是使用<Link>。 我已经搜索了StackOverflow,但还没有找到任何与4.0一起使用的答案。尝试导入browserHistory给出不确定的(之前和安装除了“反应路由器”后“反应路由器-DOM”)从this question: import { browserHistory }

    0热度

    1回答

    我有一个按钮,共同的背景和共同的标题和更改嵌套组件的屏幕。在这个屏幕里面,我想通过点击一个按钮来改变嵌套组件。嵌套组件必须用左右按钮在圆圈中互换。到目前为止,我做了很多尝试来实现这个目标(我试图用路由器来做),我只给你一个代码,但是他们都没有工作。我没有得到任何错误,我看到浏览器中的路由正在改变,但屏幕没有,我只看到第一个嵌套组件。在SOF上有这方面的问题,但它们与旧版本的react-router

    38热度

    6回答

    我试图实施认证的路线却发现阵营路由器4现在可以避免这种情况的工作: <Route exact path="/" component={Index} /> <Route path="/auth" component={UnauthenticatedWrapper}> <Route path="/auth/login" component={LoginBotBot} /> </Route