為什么在未打開“精確”時，反應路由器無法選擇不完全匹配的路由？

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后端服務器返回一個視圖，該視圖在window["reactRoute"]包含一個子路由（這是我想出的解決ASP.NET和客戶端-服務器路由問題的方法。反應路由）。

然后，它將正確重定向到以下URL：

/Logon/validation/success

重定向成功后，重定向部分不再重要，我嘗試渲染某些組件，在這種情況下，將基於該路由使用簡單的<p>進行測試。

但是， <Route path="/validation" render={() => <p>TestRender</p>} />根本不會觸發，我也不知道為什么。

這是我從React路由器文檔中挑選的：

鑒於我沒有exact配置<Route> ，所以我不太明白與示例有何不同。

您能指出我要去哪里了嗎？

Answer 1

似乎是/Logon/的問題。 請嘗試以下操作：

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

另外，您也可以設置basename在屬性*Router組件調用（如提到這里 ）。