在React Native中按下时如何更改多个按钮的颜色

Question

我有15个按钮，如果要按下它们，我想更改其颜色。每个按钮都有一个字符串，这些字符串是关键字，“ toggleKeyword（）”功能有助于将其添加到列表中，如果它在列表中，我只想更改颜色。由于使用状态太难了，有没有办法到达特定的按钮来更改其颜色。我尝试使用event.target，但它仅返回整数ID。我应该添加什么代码来管理它？

 toggleKeyword(keyword){
        var list = this.state.keywordsList;
        var index = -1;
        if((index =list.indexOf(keyword)) != -1){
            list.splice(index,1);
        }else {
            list.push(keyword);
        }
        return this.setState({keywordsList:list});
    }

这就是其中之一。

<TouchableOpacity style={{backgroundColor:'white',borderRadius:15}} onPress={_ => this.toggleKeyword("depth")}>
                    <Text style={{color:"black",fontSize:20,padding:8}}>depth</Text>
</TouchableOpacity>

Answer 1

我根据要求制作了样品。