前端数据处理

map双重循环

2020-06-20  本文已影响0人  逸笛
图片.png

处理此类数据,实现以下功能 列表点击单个数据,弹窗


图片.png
 showMore = (id, show) => {
    const { cardData = [],} = this.state;
    // 给数组点击的那一条数据添加show,并改变其值
    const card_data = cardData;
    card_data.map(title => {
      title.items.map(item => {
        if (id === item.id) {
          item.show = show;
        } else {
          item.show = false;
        }
      });
    });
    this.setState({
      cardData: card_data,
      showId: id,
      showFalg: true
    });
  }

上一篇下一篇

猜你喜欢

热点阅读