我正在尝试根据该元素是否存在于状态来更改按钮的外观。这是一个多选选择。所以调用了 setAnswer,它调用了 addAnswer。然后我想根据元素是否处于状态来设置 className,但我只是没有得到它。
{question.values.map(answer => {
return <button className="buttons" key={answer} onClick={() => addAnswer(answer)}>
{answer}</button>
})}
Run Code Online (Sandbox Code Playgroud)
const addAnswer = (answer) => {
let indexAnswer = answers.indexOf(answer)
if (indexAnswer > -1) {
setAnswer((answers) => answers.filter((a) => {
return a != answer }))}
else setAnswer([...answers, answer])
};
Run Code Online (Sandbox Code Playgroud)