使用路由器反应 Material-UI

Question

我正在尝试使用 Material-UI 库构建简单的 React 应用程序。
我已经将示例应用程序用于 create-react-app并尝试向其中添加路由器，以便我可以在组件之间导航，但似乎 Material-UI 库添加的组件与 React-Router 库不能很好地配合使用。

是否有同时使用 react-router 和 material-ui 库的示例？

Answer 1

我有一个基本的样板项目示例，您可以克隆，我尝试一下。

该项目正在使用：
-create-react-app
-react-router 3.0.2
-material-ui 0.19.4

MaterialUI 示例：

class App extends Component {
    render() {
        return (
            < MuiThemeProvider >
                    {this.props.children}
            </MuiThemeProvider >
        )
    }
}

死记硬背示例：

const Routes = (props) => (
    <Router {...props}>
        <Route path="/" component={App}>
            <IndexRoute component={Login} />
            <Route path="/login" component={Login} />
            <Route path="/register" component={Register} />
            <Route path="*" component={NotFound} />
        </Route>
    </Router>
)