Javascript 如何在react中通过onChange更改图标

我尝试设置onChange以更改图标。
但它不起作用。

前端：反应
css：语义用户界面反应

构造函数（props:{}）{
超级（道具）；
此.state={
图标：“图像”，
};
this.changeIcon=this.changeIcon.bind（this）；
}
变更图标（）{
this.setState（{icon:'delete'}）；
console.log（this.state.icon）；
}
render（）{
返回(
{（this.state.files | |[]）.map（（file，i）=>{
返回(
);
})}
);
}

完整代码如下：

我希望onChange可以将图标从图像更改为删除。

---

但实际情况并非如此。
正如他们在文档中所说的那样

也许可以尝试传递函数，而不是将对象传递给setState

---

希望有帮助：）

正如他们在文档中所说的那样

也许可以尝试传递函数，而不是将对象传递给setState

---

希望有帮助：）

{

${this.state.icon}

}，试试{this.state.icon}？这两种方法都是完全相同的，我没有使用语义ui反应，但List.Item是否有onChange属性？{

${this.state.icon}

}，试试{this.state.icon}？两种方法都是完全相同的东西我没有使用语义ui react，但List.Item是否有onChange prop？