小编Jer*_*cia的帖子

基于 React 功能组件中的状态变量有条件地设置 className

我正在尝试根据该元素是否存在于状态来更改按钮的外观。这是一个多选选择。所以调用了 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)

javascript classname reactjs react-hooks use-state

5
推荐指数
2
解决办法
2380
查看次数

标签 统计

classname ×1

javascript ×1

react-hooks ×1

reactjs ×1

use-state ×1