在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
包中提供了大量的图标组件,你可以根据自己的需求选择合适的图标组件进行导入和使用。
推荐的腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云