用路由器反应Material-UI

小编典典

用路由器反应Material-UI

reactjs

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

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

阅读 259

2020-07-22

共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>
)

2020-07-22