Question

我已经在组件下面创建了

const RouterComponent = () => (
 <Provider store={store}>
<Router>
  <Switch>
    <Route path="/" component={Body} />
    <Route exact path="success" component={SuccessPageComponent} />
  </Switch>
</Router>

）;

导出默认RouterComponent；

我正在index.js上渲染此组件，因此默认页面正在加载，但是如果我对URL使用'/ success'并点击该页面，则不会重定向到给定的SuccessPageComponent ... 我在我的webpack.config文件中将公用路径用作（const publicPath = path.join（'/'，''，'/'）;），这会造成问题吗？

Answer 1

当仅使用路径Body组件时，它将在您走的每条路径中呈现，因为对于我在任何路径尝试之前都将Backslash放入的SuccessPageComponent而言，反斜线现在将在每条路径中

 <Switch>
    <Route exact path="/" component={Body} />
    <Route path="/success" component={SuccessPageComponent} />
  </Switch>

一开始我经常使用它，但是如果您看起来需要添加反斜杠，或者转到可以通过以下操作创建的404页面：

<Route component={NoFound} />

像这样您可以创建404页面 react-router-doom doc

React Router无法与Webpack Server和Redux一起使用？

1 个答案: