React本机功能无法正常工作

时间:2020-10-29 14:15:00

标签: react-native

所以我有这个功能

    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,但问题是我真的不知道如何管理它或做错了什么 有什么建议吗?

0 个答案:

没有答案
相关问题