Ext-react破坏了React Router的<link />和<route>组件

时间:2018-12-05 03:13:17

标签: javascript reactjs extjs react-router extreact

我在React中使用ExtJS,正在使用Ext-React包(@ sencha / ext-react),当将它与React Router嵌套路由和 s

我在index.js中有这个文件:

<ExtReact>
  <Container fullscreen>
    <div>
      <Provider store = {configureStore()}>
        <BrowserRouter>
          <Switch>
            <Route path = "/" component = {DashboardComponent} />
          </Switch>
        </BrowserRouter>
      </Provider>
    </div>
  </Container>
</ExtReact>

在DashboardComponent内部,我有这个:

<div>
  <ExtReact>
    <TitleBar title="test" docked="top"></TitleBar>
    <BrowserRouter>
      <div>
        <Link to = "/users/list">user's list</Link>
        <Switch>
          <Route path = "/users" component = {UsersManagementRoutes} />
        </Switch>
      </div>
    </BrowserRouter>
  </ExtReact>
</div>

运行此命令始终会产生:

  

未捕获的错误:您不应在

之外使用

如果删除链接组件,则会出现相同的问题;如果显示的是“ Switch”而不是“ ”,则会出现相同的问题;如果删除交换组件并保留,则会出现相同的问题。

我想念什么?

0 个答案:

没有答案