Как изменить цвета фона в реагировании с помощью USESTATE ⇐ CSS

[Anonymous]

Чтобы стилизовать цвета из текста при нажатии на флажок, я создал следующий код. Я использовал Usestate и установил его в False и StateHook для цвета. < /P>

Код: Выделить всё

 const [isChecked, setIsChecked] = useState(false);
const [textStyle, setTextStyle] = useState({ color: 'black' });

const handleCheckboxClick = () => {
setIsChecked(!isChecked);
setTextStyle({ color: isChecked ? 'black' : 'red' });
};

// change the color of the background

return (



Todo List

Add Todo
[list]
{todo.map((item, index) => (
[*]

{item}  deleteTodo(index)}>Delete

))}
[/list]


);
}
< /code>
Чего я не понимаю, эта строка специально: < /p>
setTextStyle({ color: isChecked ? 'black' : 'red' });

Мой пользователь является ложным в ischecked . И когда я нажимаю на флажок, он превратится в True. Значит, цвет Шолд остается черным? Когда я выполняю его и попробую, это наоборот. Кто -нибудь может объяснить это?

Подробнее здесь: https://stackoverflow.com/questions/753 ... a-usestate