[REACTJS] 정의되지 않은 재산 'prepareStyles'을 읽을 수 없습니다
REACTJS정의되지 않은 재산 'prepareStyles'을 읽을 수 없습니다
해결법
-
1.우리는 재료 UI의 MuiThemeProvider 구성 요소에서 최상위 요소 (또는 적어도 어떤 부모 구성 요소)를 포장 할 수 있도록 모든 재료 UI 구성 요소는
MuiThemeProvider> 태그 안에 렌더링해야합니다. 우리는 재료 UI의 MuiThemeProvider 구성 요소에서 최상위 요소 (또는 적어도 어떤 부모 구성 요소)를 포장 할 수 있도록 모든 재료 UI 구성 요소는
MuiThemeProvider> 태그 안에 렌더링해야합니다. 문제는 대화, 그것은 작동해야 그 안에도 대화 넣어, 외부 MuiThemeProvider 태그입니다이다.
이런 식으로 쓰기 :
<div> <MuiThemeProvider muiTheme={muiThemebtn}> <RaisedButton label={Lang.AddUser} onTouchTap={this.openModal} primary={true} display='none' icon={<ContentAddBox color={darkBlack} style={{backgroundColor:'#e3e3e3'}}/>} /> <Dialog title="Scrollable Dialog" actions={actions} modal={false} open={this.state.open} onRequestClose={this.handleClose} autoScrollBodyContent={true} > Dialog Text </Dialog> </MuiThemeProvider> </div>
암시:
당신은 많은 구성 요소의 재료 UI 요소를 사용하는 경우, 필요와 같은, 우리는 모든 경로를 정의하는 데 사용하는 index.js 페이지에 넣어 더 나은 홈페이지에 당신이 넣을 수 있습니다 대신에의 각 페이지에 MuiThemeProvider 태그를 넣어하거나하기 이:
const muiThemebtn = getMuiTheme() ReactDOM.render(( <MuiThemeProvider muiTheme={muiThemebtn}> <Router history={hashHistory}> <Route path="/" component={comp1}> <Route path="/abc" component={comp2}/> </Route> </Router> </MuiThemeProvider> ), document.getElementById('app'));
-
2.나는 Mayank의 대답에 대해 언급하기에 충분한 담당자가없는하지만 그들은 정확합니다. Maynak의 대답에 더 정교한에, 당신은 단지 주요 응용 프로그램 컨테이너에
추가해야합니다. 당신이 할 경우 앱에 다른 곳을 추가하는 방법에 대해 걱정하지 않아도됩니다. 나는 Mayank의 대답에 대해 언급하기에 충분한 담당자가없는하지만 그들은 정확합니다. Maynak의 대답에 더 정교한에, 당신은 단지 주요 응용 프로그램 컨테이너에
추가해야합니다. 당신이 할 경우 앱에 다른 곳을 추가하는 방법에 대해 걱정하지 않아도됩니다. 왼쪽이 이미지의 하위 구성 요소의 부모 요소를 참고 :
from https://stackoverflow.com/questions/41045594/cannot-read-property-preparestyles-of-undefined by cc-by-sa and MIT license
'REACTJS' 카테고리의 다른 글
[REACTJS] 처음 페이지 렌더링 만의 "배열의 각 아이는 고유 키 소품을 가져야한다" (0) | 2020.11.13 |
---|---|
[REACTJS] 스타일 된 구성 요소에 클래스 추가 (0) | 2020.11.13 |
[REACTJS] 어떻게 반작용의 HTML 문자열을 렌더링하기 위해? (0) | 2020.11.12 |
[REACTJS] 왜 REDUX 저장소는 직렬화해야 하는가? (0) | 2020.11.12 |
[REACTJS] 어떻게 방지하기 위해 전체 구성 요소를 재 렌더링에서 반응? (0) | 2020.11.12 |