Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 材质UI填充图标_Reactjs_Svg_Material Design_Material Ui - Fatal编程技术网

Reactjs 材质UI填充图标

Reactjs 材质UI填充图标,reactjs,svg,material-design,material-ui,Reactjs,Svg,Material Design,Material Ui,我添加了图标按钮的形式开始从,我想填补它点击纯色 import StarIcon from '@material-ui/icons/StarBorder' ... <IconButton><StarIcon className={classes.favoricon}/></IconButton> 我看了一下图标实现,找不到一个类来控制它检查代码。我可以创建一个单独的svg,但也许有更好的选择,我不确定是否有更好的方法 在组件上创建状态,并在单击组件时修改状态

我添加了图标按钮的形式开始从,我想填补它点击纯色

import StarIcon from '@material-ui/icons/StarBorder'
...
<IconButton><StarIcon className={classes.favoricon}/></IconButton>

我看了一下图标实现,找不到一个类来控制它检查代码。我可以创建一个单独的svg,但也许有更好的选择,我不确定是否有更好的方法

在组件上创建状态,并在单击组件时修改状态

使用onClick函数切换将组件从StarIcon更改为Star的状态,反之亦然

handleChange==>{ 常量值=this.state.value; this.setStateprev=>{value:!prev.value}; };