在asp.net中反应路由

时间:2020-05-01 14:32:46

标签: asp.net reactjs react-router

如何在asp.net项目中使用React Router?我对在该项目中的工作有所反应,但是我遇到的问题是,当我第一次从一个页面转到另一个页面时,所有内容都呈现出来,但是当我重新加载浏览器页面时,导航到的路线却无法呈现任何内容屏幕。

这是我的路线配置

 public class RouteConfig
{
    public static void RegisterRoutes(RouteCollection routes)
    {
        routes.RouteExistingFiles = true;
        routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
        routes.MapRoute("Client", "{*anything}", defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional });
    }
}

这是我的app.js呈现方法,它具有所有导入

 render() {       
    return (
        <Router>
            <Switch>
                <Route path="/" exact component={Login} />
                <ProtectedRoute exact path='/portal' component={Portal} />
                <Route path="*" component={() => {
                    "404 not found"
                }} />
            </Switch>
        </Router>
    );
}

这是我路线的下一页,重新加载时组件WillMount不会被调用

 componentWillMount = () => {
    console.log("test");
}

render() {
    return (
        <React.Fragment>
            <Header />
            <h1>Test</h1>
        </React.Fragment>
    );
}

0 个答案:

没有答案