Javascript react无法内联更改按钮的背景色

我试图用react和state内联切换submit按钮的背景色。我知道这可以通过bool值

isMouseOver来实现？“黑色”：“白色”

样式。但我想知道为什么我的第一次尝试没有成功？即使变量

myColor

已被我的鼠标操作更改：

import React，{useState}来自“React”；
函数App（）{
常量[myColor，setColor]=使用状态（“白色”）；
函数toggleColor（）{
如果（myColor==“黑色”）{
设置颜色（“白色”）；
}否则{
setColor（“黑色”）；
}
console.log（“mycolor”，mycolor）；
}
返回(
{myColor}
提交
);
}
导出默认应用程序；

只需更改这一行，即移除myColor周围的花括号，它应该可以正常工作

 style={{ backgroundColor: { myColor } }} 

到

---

只需更改这一行，即移除myColor周围的花括号，它应该可以正常工作

 style={{ backgroundColor: { myColor } }} 

到