react踩坑小记[持续更新中...]

136 阅读1分钟

1, React中setState()是异步执行的,可接收第二个参数作为回调函数

this.state = {foo: 2};
this.setState({foo: 123}, ()=> {
 console.log(foo); // 123
});
console.log(this.state.foo); // 2
关于setState的回调函数的作用大概如此,这个函数相当于componentDidUpdate函数,和生命周期的函数类似。

setState的第一个参数有两种方式:
1)对象形式【常用】
2)函数形式:(prevState, nextProps) => { return {...}; }

2,<React.Fragment>用于包裹多个元素且渲染时不显示

3,