redux 如何为React提供提供程序< Route>？

mgdq6dx1 于 2022-11-12 发布在 React

关注(0)|答案(1)|浏览(148)

我想提供一些数据，我的React路线与供应商和我的其他商店的帮助。

<Router>
    <Routes>
      <Provider store={store}>
        <Route path="/" element={HomePage} />
      </Provider>
      <Provider store={store2}>
        <Route path="/about" element={AboutPage} />
      </Provider>
      <Provider store={store3}>
        <Route path="/review" element={ReviewPage} />
      </Provider>
    </Routes>
  </Router>

但当我运行应用程序时，它会显示下一个错误：[Provider] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment> .
如何在我的路由中使用我的提供商？

redux

来源：https://stackoverflow.com/questions/73542906/how-to-give-a-provider-to-a-react-route

1条答案

按热度按时间

luaexgnf1#

您需要更改结构，并将Router Package 在每个Provider中，因为组件中不能包含除Route以外的任何内容。
同样在React Router Dom V6中，您需要渲染元素，例如<Homepage />
代码可以如下所示：

<>
  <Provider store={store}>
     <Router>
       <Routes>
           <Route path="/" element={<HomePage />} />
       </Routes>
     </Router>
   </Provider>
   <Provider store={store2}>
     <Router>
       <Routes>
           <Route path="/about" element={<AboutPage />} />
       </Routes>
     </Router>
   </Provider>
  </>

最新的更新是在eact-router-dom V6中呈现“元素”，正如@Ergis在评论中指出的那样 *

赞(0）回复(0）举报 2022-11-12

我来回答

redux 如何为React提供提供程序< Route>？

1条答案

相关问题

热门标签

最新问答