javascript-每次更改路线时都不调用Router.match
作者:互联网
我有服务器端渲染应用程序,并使用react-router进行路由.我以前使用的是Router.Run,因为不再使用该方法,所以我使用的是Router.Match.背后有什么原因吗?
解决方法:
我已经在下面定义的入口模块中定义了我的路由器,它将进入布局组件以查找路由路径:
import { Router, Route, IndexRoute, hashHistory } from "react-router";
ReactDOM.render(
<Router history={hashHistory}>
<Route path="/" component={Layout}>
//<IndexRoute component={Featured}></IndexRoute>
<Route path="archives" name="archives" component={Archives}></Route>
<Route path="settings" component={Settings}></Route>
<Route path="featured" component={Featured}></Route>
</Route>
</Router>,
document.getElementById('app'));
布局组件会将路由器中定义的路径绑定到布局组件中的不同组件
import { Link } from "react-router";
class Layout extends React.Component(
render(){
return(
{this.props.children}
<li><MenuItem><Link to="archives">archives</Link></MenuItem></li>
<li><MenuItem><Link to="settings">settings</Link></MenuItem></li>
<li><MenuItem><Link to="featured">featured</Link></MenuItem></li>
)
}
);
您可以为路线组件定义任何操作.
标签:javascript,reactjs,react-router 来源: https://codeday.me/bug/20191013/1909705.html