react 中 setState的两种写法、修改部分属性

发布时间：2020-12-15 09:29:51 所属栏目：百科来源：网络整理

导读：react 想要更新视图只能用 setState( ) 方法? 关于 setState() 这里有两点需要知道 1. 不要直接更新状态，而是使用 setState() 2. 状态更新是异步的，你如果依靠它们的值来计算下一个状态不可以直接使用。 1、两种调用方式第一种：直接改变? this .setS

react 想要更新视图只能用 setState( ) 方法?

关于 setState() 这里有两点需要知道

1. 不要直接更新状态，而是使用 setState()

2. 状态更新是异步的，你如果依靠它们的值来计算下一个状态不可以直接使用。

1、两种调用方式

第一种：直接改变?

this.setState({
      msg: "我被改变了"
});

第二种：通过 setState（）传入一个函数，这种用法可以借助于原有的state里的值

this.setState(state => {
  return {
    msg: "hello"
  };
});

2、修改状态后依据状态做些操作

第一种：回调函数

.setState({
      active:true
    },()=>{
      console.log(this.state.active,'2')
})
console.log(
  change = async ()=>{
    await 
    })
    console.log()
  }

3、修改某个对象的部分属性，使用`Object.assign()`

  change = (pagination,filters,sorter,extra)=>{
    this.setState((state)=>{
       {
        params:Object.assign(state.params,{
          pageSize: pagination.pageSize,pageNum: pagination.current
        })
      }
    })
  }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

react 中 setState的两种写法、修改部分属性

1、两种调用方式

第一种 ： 直接 改变?

第二种 ：通过 setState（）传入一个函数，这种用法 可以借助于 原有的state里的值

2、修改状态后依据状态做些操作

3、修改某个对象的部分属性，使用Object.assign()

第一种：直接改变?

第二种：通过 setState（）传入一个函数，这种用法可以借助于原有的state里的值

3、修改某个对象的部分属性，使用`Object.assign()`