Typescript将字符串值分配给css中的颜色

Question

我想使颜色具有动态性，所以我正在使用useState来管理字符串值。

const [myColor, setmyColor] = useState<string>("#FFFFFF")

<div style={{ color: {myColor} }} />

这给我TS错误，因为字符串无法分配给字符串。

但是，我的useState中有字符串，并且颜色将字符串作为参数。

我在这里很困惑。

Answer 1

语法是

<div style={{ color: myColor }} />