父组件不使用 React Router 4 渲染

Question

我在使用 React Router v4 渲染组件时遇到问题。这是渲染单个组件的正确方法吗？我正在正确导入所有内容；但是，没有错误可以帮助我检查登录名是否正确显示。我认为我在 AppComponent 的登录组件中导入的方式有问题。

app.js

ReactDOM.render(
    (
        <BrowserRouter>
            <Route path="/" AppStore={AppStore} render={props => <AppComponent {...props} AppStore={AppStore} />} />
        </BrowserRouter>
    ),
    document.getElementById("view-container")
);

AppComponent.js

render () {

    //render
    return (
        <div>
            <main className="container">
                <Route exact path="login" component={Login} />
            </main>
        </div>
    );
}

Answer 1

我能够找出我的错误。 React Router 使用绝对路径在AppComponent中，需要设置<Route path="/login" component={Login} />

父组件不使用 React Router 4 渲染

Parent component not rendering with React Router 4

reactjs

react-router-v4