编程语言
首页 > 编程语言> > javascript-每次更改路线时都不调用Router.match

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