react-router的问题

Question

我发现只要这么写(把Router写到render里),react-router就会失效(url变化正确,但是不渲染组件)

ReactDOM.render(
    <Provider store={store}>
        <Router basename="/">
            <App/>
        </Router>
    </Provider>,
    document.getElementById('container'));
    

如果写到<App>里面就没问题

class App extends React.Component{
    constructor(){
        super();
    }
    render(){
        return   <Router basename="/"> 
                      <div>
                         <Header/>
                         <Body/>
                         <Footer/>
                    </div>
                 </Router>
               
    }
}

为什么出现这种情况呢？

Answer 1

有报错信息吗？