IconButton未显示在屏幕上

时间:2017-12-19 18:51:49

标签: reactjs material-ui

我刚开始学习React.js和material-ui。我正在使用this在屏幕上显示图标。但是,屏幕上不显示图标,屏幕显示为空白。

这是我的代码:

index.js

nvcc.exe

IconButtonExampleSimple.js

import React from 'react';
import ReactDOM from 'react-dom';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import {IconButtonExampleSimple} from './IconButtonExampleSimple.js';


 class App extends  React.Component{

 render()
 {
   return(
         <MuiThemeProvider>
         <IconButtonExampleSimple />
         </MuiThemeProvider>
         );
  }
 }




    ReactDOM.render(
                    <App/>,
                    document.getElementById('root')
                    );

1 个答案:

答案 0 :(得分:1)

将此行添加到index.html

<link href="https://fonts.googleapis.com/icon?family=Material+Icon‌​s" rel="stylesheet">

您正在包含图标按钮的Material-UI部分,但这些部分引用了Google的Material-Icons,因此您必须将其链接到索引文件中。