-_-||。。。 2022-01-16 23:55 采纳率: 40%
浏览 40
已结题

react定时器动态修改state数组中对象的值

想问一下各位大腿子react如何在定时器中动态修改state中的数组中某个对象的值

代码如此: (想要修改的是其中的一个数组中的progress的值)

constructor(props){
        super(props);
        this.state = {
            TestData:[
                {
                    name:'one',
                    progress: 0,
                    ifshowOne: false,
                    ifshowTwo: false
                },
                {
                    name: 'Two',
                    progress: 0,
                    ifshowOne: false,
                    ifshowTwo: false
                }
            ]
        }
    }


img

页面如此,想要在定时器中修改值以达到进度动态显示的效果

  • 写回答

2条回答 默认 最新

  • 归来巨星 前端领域新星创作者 2022-01-17 09:14
    关注
            setTimeout(()=>{
            let { TestData } = this.state
            TestData = TestData.map(item => {
             if(item.name=='one'){
                return { ...item, progress:item.progress+1}
              }
            return item
    
            })
            this.setState({
                TestData
            })
            },1000)
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 1月26日
  • 已采纳回答 1月18日
  • 创建了问题 1月16日

悬赏问题

  • ¥15 电脑开机过商标后就直接这样,求解各位
  • ¥15 mysql , 用自己创建的本地主机和用户名 登录不上
  • ¥15 关于#web项目#的问题,请各位专家解答!
  • ¥15 vmtools环境不正常
  • ¥15 请问如何在Ubuntu系统中安装使用microsoft R open?
  • ¥15 jupyter notebook
  • ¥30 informer时间序列预测
  • ¥20 SSR引物多态性分析
  • ¥15 大漠插件在Win11易语言注册调用和免注册灵异事件,VS上注册调用完全没问题
  • ¥15 Addressable缓存机制做热更新的问题