react-router-dom的BrowserRouter不会渲染组件

我试图将BrowserRouter移出我的组件。我的应用看起来像这样：react-router-dom的BrowserRouter不会渲染组件

class App extends Component { 
    constructor(props) { 
    super(props); 
    this.state = { 
    } 
    } 

    render() { 
    return (
      <BrowserRouter> 
      <main> 
       <Menu /> 
       <Switch> 
       <Route exact path="/about" component = {About} /> 
       <Route exact path="/admin" component = {BooksForm} /> 
       <Route exact path="/cart" component = {Cart} /> 
       <Route exact path="/" component = {BookList} /> 
       </Switch> 
       <Footer /> 
      </main> 
      </BrowserRouter> 
    ); 
    } 
}

而且一切工作正常。但是，当我把BrowserRouter了，所以我的index.js看起来像这样：

const renderApp =() => (
    <Provider store={createStoreWithMiddleware(reducers)}> 
    <BrowserRouter> 
     <App/> 
    </BrowserRouter> 
    </Provider> 
) 

const root = document.getElementById('app') 
render(renderApp(), root)

它停止工作。当我点击其中一个链接时，网址会发生变化，但是我的应用没有任何变化。它仅在我重新加载页面时呈现新的元件。如何在不将路由器组件放置在与Switch相同的组件中的情况下使其工作？

来源

2017-10-12 Kreha6

难以辨别其余的代码。您是否使用适当的反应路由器<Link>？我假设你在这两个组件中都没有<BrowserRouter>元素，无法想象嵌套它们会有什么好处。

我在一个旧版本的反应路由器的，所以我看到一些实例，是第一次，但它看起来像你不需要内<Switch>在所有这些<Route> S的exact关键词 - 交换机保证只有其中一个会计算。

来源

2017-10-12 15:32:22 ohsully

好吧我已经使它重新工作。从REDX连接引起的问题，并与路由器解决它

来源

2017-10-12 15:41:29 Kreha6

react-router-dom的BrowserRouter不会渲染组件

回答

相关问题