React setState 笔试题,下面的代码输出什么?

Posted hideonbush

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React setState 笔试题,下面的代码输出什么?相关的知识,希望对你有一定的参考价值。

class Example extends React.Component {
  constructor() {
    super();
    this.state = {
      val: 0
    };
  }
  
  componentDidMount() {
    this.setState({val: this.state.val + 1});
    console.log(this.state.val);    // 第 1 次 log

    this.setState({val: this.state.val + 1});
    console.log(this.state.val);    // 第 2 次 log

    setTimeout(() => {
      this.setState({val: this.state.val + 1});
      console.log(this.state.val);  // 第 3 次 log

      this.setState({val: this.state.val + 1});
      console.log(this.state.val);  // 第 4 次 log
    }, 0);
  }

  render() {
    return null;
  }
};

技术图片

以上是关于React setState 笔试题,下面的代码输出什么?的主要内容,如果未能解决你的问题,请参考以下文章

Core Java 经典笔试题总结(异常类问题)

笔试题58. LeetCode OJ (45)

React 的 setState(),嵌套结构的数据变异,为啥不直接修改状态呢?

React setState 不适用于 if 语句

允许typescript编译器仅在一个react状态属性上调用setState

一年中的第几天 哔哩哔哩2020校园招聘笔试题讲解