javascript - 为什么react-router在 "exact"未开启时没有拾取不完全匹配的路由？

Question

我有以下情况:

render() {
    let redirectRoute = window["reactRoute"];

    if (redirectRoute !== undefined) {
        window["reactRoute"] = undefined;
        return <Redirect to={redirectRoute} push={true} />;
    }

    return (
        <div className="otherContentContainer">
            <Route path="/validation" render={() => <p>TestRender</p>} />
        </div>
    );
}

上面列出的代码片段是受影响的 render() 的精简和简化版本。就我而言。

这里发生的事情如下:我的 ASP.NET 后端服务器返回一个 View ，其中包含 window["reactRoute"] 中的子路由(这是我想出的方法来解决 ASP.NET 和 React 路由的客户端-服务器路由问题)。

然后它会正确重定向到以下 URL:

/Logon/validation/success

重定向成功后，重定向部分不再相关，我尝试渲染某些组件，在本例中是一个简单的 <p>用于基于该路线的测试目的。

但是，<Route path="/validation" render={() => <p>TestRender</p>} />根本不触发，我不明白为什么。

这是我从 React 路由器文档中获取的内容:

鉴于我没有配置我的 <Route>成为exact ，我不太明白我与示例有何不同。

你能指出我哪里出错了吗？

Answer 1

似乎是 /Logon/ 的问题。请尝试以下操作:

<Route path="/Logon/validation" render={() => <p>TestRender</p>} />

或者，您可以设置 basename *Router 组件调用中的属性(如前所述 here )。