事件处理-反应

问题描述

我有一个popover,其中有Colors个具有不同颜色的组件。还有一个图标DoneIcon(暂时)放置在Colors组件内部。我想要实现的是:

  1. 当我选择一种颜色(内部没有图标)时,在悬停后,应将DoneIcon放在其中。为了概括选择颜色的时间,颜色应为DoneIcon,图标应从先前选择的颜色中消失。
  2. 选择颜色后,(其父项)divclass="box"的背景色应更改为所选颜色。我知道可以通过事件处理来实现,方法是为每种颜色(12种颜色中的每一种)具有将要执行的功能onClick,但是我如何只有一个函数可以从props.color中检测颜色当执行onClick事件并将颜色应用于box时。

这是CodeSandbox

的链接

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)