美文网首页
十、Component和PureComponent

十、Component和PureComponent

作者: 懒羊羊3号 | 来源:发表于2019-02-25 15:04 被阅读0次

https://www.jianshu.com/p/33cda0dc316a
Component始终会重新渲染组件
PureComponent只会浅比较
下面这段代码只有Component会更新

  test = () => {
    let {obj} = this.state;
    obj.b.arr.push(6)
    this.setState({
      obj: newObj
    });
    console.log(this.state.obj.b.arr)
  };
  render() {
    return (
      <div>
        <Button onClick={this.test}>test</Button>
        <div>{this.state.obj.b.arr}</div>
      </div>
    )
  }

如果想PureComponent也更新用immutability-helper

    const newObj = update(obj, {
      b: {arr: {$push: [9]}}
    });

相关文章

网友评论

      本文标题:十、Component和PureComponent

      本文链接:https://www.haomeiwen.com/subject/czhgyqtx.html