ReactJS-'@材料界面/图标/快餐和#x27；不起作用

ReactJS-“@material ui/icons/Fastfood”不工作

Header.js

import React, { Component } from 'react';
import './Header.css';
import Fastfood from '@material-ui/icons/Fastfood';

class Header extends Component {

render() {  
    return(
        <div>
            <header className="app-header">
                <div className="app-logo">
                    <i class="material-icons">Fastfood</i>
                </div>
            </header>
        </div>
    )
}
export default Header;

package.json

{
  "dependencies": {
    "@material-ui/core": "^4.1.2",
    "@material-ui/icons": "^4.2.1",
"@material-ui/styles": "^4.1.2",
"moment": "^2.24.0",
"react": "^16.8.0",
"react-dom": "^16.8.0",
"react-scripts": "^3.0.1"
  },
}

---

页面上未显示快餐SVG图标。标题仅显示文本“fastfood”而不是徽标。

我修改了如下所示的渲染函数以解决此问题

render() {  
    return(
        <div>
            <header className="app-header">
                    <Fastfood className='app-logo'/>
            </header>
        </div>
    )
}

render（）{
返回(
)
}

请尝试以下方法：

render() {  
    return(
        <div>
            <header className="app-header">
                    <Fastfood className='app-logo'/>
            </header>
        </div>
    )
}