Typescript 將字符串值分配給 css 中的顏色

Question

我想讓顏色成為動態的，所以我使用 useState 來管理字符串值。

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

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

這給了我 TS 錯誤，因為字符串無法分配給字符串。

但是，我的 useState 中有字符串，並且顏色將字符串作為參數。

我在這里很困惑。

Answer 1

語法是

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