javascript - 通过映射的 onPress 事件切换对象属性

Question

我的 onPress 事件没有切换对象的属性值“active” 我不确定为什么这不起作用。我能想到的唯一其他解决方案是引用状态中的公共(public)值？谁能解释为什么我不能以这种方式重新分配对象值？

const priorities = [
    {
        title: "item A",
        active: false
    },
    {
        title: "item B",
        active: false
    }

{priorities.map((item, p) => {
    return(
        <View key={p}>
        <Button title={item.title} type="outline" 
            color={state.backgroundColor}
            size= {45}
            style={{marginLeft:40, backgroundColor: item.active === false 
             ?"red" : "green"}}
            onPress={() =>{item.active = !item.active}}                
            />
        </View>)
})}

Answer 1

我对您的代码进行了一些更正，希望这能达到您的要求。

let checkActive = this.state.active;

{priorities.map((p) => {  return <View key={p}>
      <Button title={p.title} type="outline"
            size={45}
            style={{marginLeft:40, backgroundColor: checkActive ? 'red': 'green'}}/>
    </View>})}

将您的状态设置为您想要的默认状态，更改颜色，将您的事件状态设置为 true 或 false。