反应本地多重按钮选择

Question

嗨，我想要一个简单的按钮选择并取消选择，当我在一个页面中有很多按钮（例如toggle select），但没有其他按钮会效应。

我的代码如下：

constructor(props) {
         super(props);
         this.state = {
               activeState: [false, false, false]
         };
         this.buttonPressed = this.buttonPressed.bind(this);
}
buttonPressed(index) {
        // I want to update array value true and false.
}

<TouchableOpacity 
       style={this.state.activeClasses[0] ? styles.rateButton : 
       styles.rateButtonActive} 
       onPress={() => this.addActiveClass(0)}>
</TouchableOpacity>
<TouchableOpacity 
       style={this.state.activeClasses[1] ? styles.rateButton :         
       styles.rateButtonActive} 
       onPress={() => this.addActiveClass(1)}>
</TouchableOpacity>

您可以建议我做一个不同的过程或方法。

Answer 1

我不知道这是否正是您想要的，但我会尝试一下：

buttonPressed(index) {
        const tmpState = this.state.activeState.map((val, tmpIndex) => {
            if (tmpIndex === index) {
                return !val;
            }
            return val; 
        });
        this.setState({ activeState: tmpState });
}