在material-ui@next中导入Svg图标的方法如下:
@material-ui/core
和@material-ui/icons
这两个包。可以使用以下命令进行安装:npm install @material-ui/core @material-ui/icons
import
语句导入所需的图标组件。例如,如果你想导入一个名为CheckCircle
的图标,可以这样写:import CheckCircle from '@material-ui/icons/CheckCircle';
CheckCircle
图标,代码如下:import React from 'react';
import Button from '@material-ui/core/Button';
import CheckCircle from '@material-ui/icons/CheckCircle';
const MyButton = () => {
return (
<Button variant="contained" color="primary">
<CheckCircle />
确认
</Button>
);
};
export default MyButton;
在上面的代码中,我们导入了CheckCircle
图标,并在按钮中使用了该图标。
需要注意的是,@material-ui/icons
包中提供了大量的图标组件,你可以根据自己的需求选择合适的图标组件进行导入和使用。
推荐的腾讯云相关产品和产品介绍链接地址:
腾讯技术创作特训营第二季
云+社区技术沙龙[第19期]
Elastic 实战工作坊
Elastic 实战工作坊
云原生正发声
DB TALK 技术分享会
云+社区技术沙龙[第7期]
Elastic 中国开发者大会
DBTalk
领取专属 10元无门槛券
手把手带您无忧上云