在React中动态更改状态值

Question

我有以下状态的反应成分

state = {
    SandD: true,
    Cancellation: false,
    Payments: false,
    EandR: false,
    InternationalShipping: false,
    ExpressDelievery: false
}

我一次只希望一个选定状态为true，其余状态为false。 为此，我在想以下逻辑

currentActiveState = (value) => {
    for ( i=0; i<this.state.length; i++) {
        console.log(this.state[i])
        if(this.state[i] == value) { 
            console.log(this.state[i])
         } else {
            this.setState(this.state[i]: false)
        }
    }
}

这里的值是状态的属性，需要具有一个值，其余的一切都应该为假。

例如，如果Payments为true，则其他所有内容均应为false。

有人可以帮我解决上述问题，还是告诉我如何解决？

Answer 1

尝试一下：

currentActiveState = (value) => {
    const newState = {};
    Object.keys(this.state).forEach(key => {
        newState[key] = key === value; 
    })
    this.setState(newState);
}