React笔记——第一篇this.setState()

 

// 提升性能

// setState 写成异步的形式 里面是一个函数 函数的参数 prestate 表示的是修改数据之前的的数据
this.setState( (prestate)=>({
// state对象赋值
}), ()=>{
// 执行完成的回调
})

import React, { Component, PureComponent } from 'react';

export default class Home extends PureComponent {
  constructor(props) {
    super(props);
    this.state = {
      name: '郭杰',
      age: '20',
    };
  }
  componentDidMount() {
    this.setState(
      (prestate) => ({ //该参数为改变前的对象 及 this.state
        name: `严妍${prestate.name}`,
        age: `18${prestate.age}`,
      }),
      () => this.getList(),
    );
  }
  getList = () => {
    const { name, age } = this.state;
    console.log('这是更新后的值', name, age);
  };
  render() {
    return <div></div>;
  }
}