首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在React中正确更改多嵌套对象数组的状态?

如何在React中正确更改多嵌套对象数组的状态?
EN

Stack Overflow用户
提问于 2019-05-30 07:03:25
回答 2查看 3.3K关注 0票数 1

在React中更改多个嵌套对象数组的状态的最佳方式是什么?让我们看看下面的例子:我有一个组件,它将显示每个流派的顶级播放列表。我有一个属性流派,它是一个对象数组,每个对象都有一个属性,它也是一个对象数组。如果我想将名为“财富的士兵”的歌曲及时更改为Child (让我们假设在change函数中作为参数,我已经从UI Change中提供了歌曲和流派的索引)。如何才能访问多级嵌套对象而不改变状态?

this.state = {
    title: 'Top playlists',
    genres: [
      {
        genreName: 'pop',
        followers: 2456,
        songs: [
          {
            title: 'Soldier of fortune',
            author: 'Deep Purple',
          },
        ],
      },
    ],
  };

handleChangeSongName = (e, genreIndex, songIndex) => {
    // genreIndex = 0;
    // songIndex = 0;
    // e.target.name = title;
    // e.target.value = "Child in time"  
    ...What to do here?
  }
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56369597

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档