反应路由器授权
在安装组件之前进行授权检查的最佳实践是什么？
我使用react-router 1.x
这是我的路线
React.render((
<Router history={History.createHistory()}>
<Route path="/" component={Dashboard}></Route>
<Route path="/login" component={LoginForm}></Route>
</Router>
), document.body);
这是我的仪表板组件：
var Dashboard = React.createClass({
componentWillMount: function () {
// I want to check authorization here
// If the user is not authorized they should be redirected to the login page.
// What is the right way to perform this check?
},
render: function () {
return (
<h1>Welcome</h1>
);
}
});
问题答案：
更新了 React Router v4的* 解决方案 *
<Route
path="/some-path"
render={() => !isAuthenticated ?
<Login/> :
<Redirect to="/some-path" />
}/>
反应路由器到v3
使用’onEnter’事件并在回调中检查用户是否被授权：
<Route path="/" component={App} onEnter={someAuthCheck}>
const someAuthCheck = (nextState, transition) => { ... }
-
问题内容： 我需要react-router v2 +的帮助，例如，当路由更改时，我必须更改navbar的类，因为它将 尝试在navbar组件中使用，但它显示 希望你的帮助 问题答案： 您的组件（如您在问题中所描述的）可能不是路由组件，对吗？通过我的意思是你在使用一个被加载特定路由配置。 仅可通过此类访问，因此您需要将其传递给您。 让我们举个例子： 您的路由器配置： 路线部分：
-
考虑以下事项： 我有一个应用模板，一个HeaderTemboard，和参数化的路由集与相同的处理程序（在应用模板）。我希望在没有找到东西的时候能够服务404路线。例如， /CA/SanFrancisco应该由区域查找和处理，而 /SanFranciscoz应该是404。 下面是我如何快速测试路线的。 问题是 /SanFranciscoz总是由区域页面处理，但我希望它是404。此外，如果我向第一个路
-
我的导航不工作，因为某些原因，我有另一个应用程序运行良好，但这一个不能找到错误，请帮助 反应路由器不工作。反应JS 我需要你的帮助。 使用react-router，我可以使用Link元素创建由react router本地处理的链接。
-
我有一个名为Dashboard的父组件，它被呈现为路由，如下所示： 我试着嘲笑每个人在嵌套路由上的解决方案，但我似乎无法解决我的问题。
-
我正在使用react路由器v4和redux，如果用户未登录，我想使用私有和受保护的路由重定向。 我有一个路由组件： 它是这样实现的： 这是私人路线： 传递prop的最佳方式是什么，如果我连接Routes组件并从那里传递是否可以，或者应该从其他地方传递，或者连接需要它的每个组件并从那里读取？此外，这种方法如何处理嵌套路由，如？谢谢