2017-10-24 7 views
0

Material-UI 라이브러리를 사용하여 간단한 React 앱을 만들려고합니다.
example app for create-react-app을 사용하고 라우터를 추가하여 구성 요소 간을 이동할 수 있지만 Material-UI 라이브러리로 추가 된 구성 요소가 React-Router 라이브러리와 잘 작동하지 않는 것으로 보입니다.React Material-UI with Router

함께 사용되는 반응 라우터 및 재료 라이브러리의 예가 있습니까?

+1

GitHub에서 내 [config-server] (https://github.com/SukantGujar/config-server) 프로젝트를 확인하십시오. 그것은 반응 라우터 v4와 함께 최신 재질 -ui 1.0x를가집니다. – hazardous

답변

1

나는 기본 boilerplate project 예제를 가지고 있습니다. 복제 할 수 있으며 시도해 볼 수 있습니다.

프로젝트가 사용된다
- 생성 - 반응 - 앱
- 반응 라우터 3.0.2
- 재료 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> 
) 
+0

고마워,하지만 어떻게 반응 라우터 v4와 동일한 작업을 수행 할 수 있습니까? 이 문제를 라우터 4의 반응으로 변환하는 데 어려움을 겪고 있습니다. https://github.com/rafaelhz/react-material-admin-template/blob/master/src/routes.js – DroidLearner