Машинопись, присваивающая строковое значение цвету в css

Question

Я хочу сделать цвет динамическим c, поэтому я использую useState для управления строковым значением.

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

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

это дает мне ошибку TS, так как строка не может быть присвоена строке.

Однако я получил строку в моем useState, а цвет принимает строку в качестве параметров.

Я запутался здесь.

Answer 1

Синтаксис

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