React 应用程序在“/”之后不渲染任何内容

Question

我使用 create-react-app 创建了一个应用程序，并且在 App.js 中嵌套了路由。公共组件会显示，但其他组件不会显示，例如 /login 或 /home。

我添加 /login 只是为了测试一个简单的页面，因为 Dash 布局也嵌套其他元素，但它不渲染。我不认为这是一个CSS问题，因为当我检查页面时，[[在此处输入图像描述](https://i.sstatic.net/itfVQp7j.png)](中没有任何内容https://i.sstatic.net/2HNl7OM6.png）

Answer 1

您应该以不同的方式构建代码。

在index.js中：

// ...

root.render(
    <BrowserRouter>
        <App />
    </BrowserRouter>
);

您确实不需要使用两个不同的

Routes

组件（您正在创建一个

Routes

组件，其中包含

App

，然后

App

组件也有一个

Routes

组件）。

Answer 2

问题是我在index.js文件的路径中的“/”后面缺少星号：

<React.StrictMode>
<BrowserRouter>
  <Routes>
    <Route path="/*" element={<App />} />
  </Routes>
</BrowserRouter>