React中怎么通过id更改对应的数组元素。

React 中怎么通过 id 更改对应的数组元素。1.此处有两个组件,父组件App,子组件ToDoList,通过子组件ToDoList中传过来的id更改父组件App中的数组元素内容。1.1 父组件App有一个命名为ToDoList的数组,代码如下: this.state = { ToDoList:[ { id:1, title:'吃饭', completed:true },
摘要由CSDN通过智能技术生成

React 中怎么通过 id 更改对应的数组元素。

1.此处有两个组件,父组件App,子组件ToDoList,通过子组件ToDoList中传过来的id更改父组件App中的数组元素内容。
1.1 父组件App有一个命名为ToDoList的数组,代码如下:
    this.state = {
   
       ToDoList:[
         {
   
           id:1,
           title:'吃饭',
           completed:true
         },
         {
   
          id:2,
          title:'睡觉',
          completed:false
        },
        {
   
          id:3,
          title:'学习',
          completed:true
        }
       ]
    }
1.2 我们在父组件App中给子组件ToDoList传递一个方法,方法名为changeCompleted。同时也把父组件的数组ToDoList传过去。
      <ToDoList
       ToDoList={
   this.state.ToDoList} 
       changeTitle={
   
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值