所以我有这个功能
setActive = (index,item,actives) => {
const { GetAccounts } = this.props;
const data = [...GetAccounts]
GetAccounts.forEach((user)=> user.username === item.username ? user.active=true : console.log("failed"))
}
GetAccouts 是redux的选择器,它包含以下内容:
---- Array [
Object {
"active": false,
"username": "Nikolozi",
},
Object {
"active": false,
"username": "ghg",
},
]
这是我的组件呈现的内容:
render() {
const { GetAccounts } = this.props;
return (
<View>
<Text style={{ opacity: 0.5, fontSize: 16, fontWeight: "bold" }}>
Click to switch
</Text>
{GetAccounts.map((users, index,active) => {
return (
<TouchableOpacity onPress={()=>this.setActive(index,users,active)} key={index}>
<UserMenuAccount
account={`${users.username}`}
balance={0}
active={users.active}
key={index}
/>
</TouchableOpacity>
);
})}
</View>
);
}
}
我要做的就是: 单击按钮时,我只想将单击的元素的活动状态更改为true,但问题是我真的不知道如何管理它或做错了什么 有什么建议吗?