React修改两种种类型的state值:listobject

Posted xiaochengzi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React修改两种种类型的state值:listobject相关的知识,希望对你有一定的参考价值。

 

修改list类型的state

方式一:

通过list的concat方法,如下

  let newList = this.state.selectedApiDetailList.concat(response.data)
  this.setState({selectedApiDetailList: newList})

方式二:

新增一个数组,将原来的数组与新的值加入数组

let newList = [...this.state.selectedApiDetailList, response.data]
this.setState({selectedApiDetailList: newList})

 

修改object类型的state

方式一、Object.assign

let newHeaders = Object.assign({}, this.state.headers, {accessId: res.accessId});
this.setState({headers: newHeaders})

 

以上是关于React修改两种种类型的state值:listobject的主要内容,如果未能解决你的问题,请参考以下文章

React组件三大核心属性: state、props、refs

React---之旅:巧妙引用传递,修改state

8. react 基础 - props 默认值和类型限制 与 Props , State , render 函数 关系

react父亲怎么获取子组件的state

react 表单处理

vue和react中props变化后修改state的方式