小编Zai*_*shi的帖子

如何在数组中的对象项上设置状态

我想在按下心脏图标将其更改为红色时更新数组对象中关键心脏的状态,为此,我正在使用react native图标,并且在单击时使用heart和hearto进行切换

这是代码:

state = {      
          localAdversiment: [
            {
              title: "Ecloninear 871",
              image: require("../../assets/images/truck_image.png"),
              year: "2015",
              type: "Truck",
              status: "new",
              price: "$ 2000",
              heart: "hearto"
            }
Run Code Online (Sandbox Code Playgroud)

按下心脏图标时调用的功能

 handleFavourite = index => {
    const { heart } = this.state.localAdversiment[index];
    this.setState(
      {
        heart: "heart"
      }
    );
  };
Run Code Online (Sandbox Code Playgroud)

这是心脏图标代码

<TouchableOpacity onPress={() => this.handleFavourite(index)}>
                <Icon
                  name={item.heart}
                  type={"AntDesign"}
                  style={{ fontSize: 18 }}
                />
              </TouchableOpacity>
Run Code Online (Sandbox Code Playgroud)

请帮助我如何在单击时将心脏更新为心脏而不是心脏

javascript arrays react-native

5
推荐指数
1
解决办法
56
查看次数

标签 统计

arrays ×1

javascript ×1

react-native ×1