在React中选择登录页面

时间:2017-08-24 12:51:26

标签: reactjs react-router

我有一个React应用程序,它可以以两种模式之一启动。根据从查询字符串触发的模式,我想转到其他页面。请问最好的方法是什么?

(我还在使用Router v3)

2 个答案:

答案 0 :(得分:1)

这取决于您打算如何处理其他网页,是否希望将模式保持在mode/my-page这样的路径中,或者只是希望以不同的方式欢迎您的用户取决于具有/?mode=new-user的模式。如果第二个选项是您的模型,我只需使用render方法

显示容器中的其他组件
render() {
 const myview = mode === 0 ? <ViewOne /> : <ViewTwo />;
 return (myview);
}
希望我能帮助

答案 1 :(得分:0)

我将此代码添加到index.js页面的底部,它允许我根据自定义逻辑选择不同的索引/目标网页。

if(history.getCurrentLocation().pathname === "/") {
    // no path has been specified, so this is an index query. Decide the most suitable index page

    if(customLogicHere) {
      history.push('/firstOption');
    } else {
      history.push('/secondOption');
    }
}