#質問内容
React.jsにmaterial-uiを組み込もうとした所、
真っ白になってしまいます。
アプリケーションの起動自体は行われている様なのですが、
原因の追究が行えず、質問をさせて頂きました。
追記した箇所をコメント化すると画面は正常に表示されます。
https://teratail.com/questions/159019 と現象が似ているかとは思うのですが、
回答と同様の事も対応のしようがなく、困っております。
#以下、該当のソースコードとなります。
import React, { Component } from 'react';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import { AppBar, MenuItem, Drawer } from 'material-ui';
class NavBar extends Component {
render() {
return (
<MuiThemeProvider>
<div>
<Drawer
docked={false}
width={200}
open={this.props.open}
onRequestChange={() => this.props.onToggle()}
>
<MenuItem>React</MenuItem>
<MenuItem>Redux</MenuItem>
<MenuItem>React Router</MenuItem>
<MenuItem>Material UI</MenuItem>
<MenuItem>Electron</MenuItem>
</Drawer>
<AppBar
title="React Study"
onLeftIconButtonTouchTap={ () => this.props.onToggle()}
/>
</div>
</MuiThemeProvider>
);
}
}
export default NavBar;
#追記
<MuiThemeProvider> から </MuiThemeProvider>をコメント化すると
プリケーションが画面上に表示されます。
情報として足りていない部分もあるとは思いますが、
ご意見を宜しくお願い致します。
#バージョン情報
React 15.6.2
matearial-ui 0.20.2
あなたの回答
tips
プレビュー