地址列表-设为默认

图片.png

数据

   list: [
      {
        id: 1,
        name: "张三",
        tel: "15616986574",
        isdefault: 1,
        address: "湖南省 长沙市 雨花区 迎新路 德思勤A",
      },

      {
        id: 2,
        name: "李四",
        tel: "15616986574",
        isdefault: 0,
        address: "湖南省 长沙市 雨花区 迎新路 德思勤A",
      },
      {
        id: 3,
        name: "王五",
        tel: "15616986574",
        isdefault: 0,
        address: "湖南省 长沙市 雨花区 迎新路 德思勤A",
      },
      {
        id: 4,
        name: "赵六",
        tel: "15616986574",
        isdefault: 0,
        address: "湖南省 长沙市 雨花区 迎新路 德思勤A",
      },
      {
        id: 5,
        name: "张三",
        tel: "15616986574",
        isdefault: 1,
        address: "湖南省 长沙市 雨花区 迎新路 德思勤A",
      },

      {
        id: 6,
        name: "李四",
        tel: "15616986574",
        isdefault: 0,
        address: "湖南省 长沙市 雨花区 迎新路 德思勤A",
      },
      {
        id: 7,
        name: "王五",
        tel: "15616986574",
        isdefault: 0,
        address: "湖南省 长沙市 雨花区 迎新路 德思勤A",
      },
      {
        id: 8,
        name: "赵六",
        tel: "15616986574",
        isdefault: 0,
        address: "湖南省 长沙市 雨花区 迎新路 德思勤A",
      },
    ],

页面渲染

  <View className="isdefault" onClick={this.setDefault.bind(this,item.id)}>
                <Image
                  className="icon"
                  src={
                    item.isdefault === 1
                      ? require("../assets/my/ok.png")
                      : require("../assets/mall/unselected.png")
                  }
                ></Image>
                默认地址
              </View>

方法

  setDefault(id){
    let { list } = this.state;
    list.map((i) => {
      if (i.id === id) {
        if (i.isdefault===0) {
          i['isdefault'] = 1;
        }
      }else{
        if (i.isdefault===1) {
          i['isdefault'] = 0;
        }
      }
    })
    this.setState({
      list
    })
  };