javascript - react native setState in setInterval()，然后setInterval执行报错

Question

这是我的代码

componentDidMount() {
    let that = this;
    setInterval(() => {
        that.setState({number: 1});
    }, 2000);
}

我已经写了 'let that = this;'，但它也是错误的。在 2 秒内它执行了不止一次。

Answer 1

为什么不在 setInterval 中使用 this 本身？您已经使用了 fat arrow函数，所以你仍然可以在里面使用 this。

这是一个示例代码:

constructor (props) {
    super(props)
    this.state = {
        number: 0
    } 
  }

componentDidMount(){
  setInterval(() => {
      this.setState({number: parseInt(this.state.number, 10) + 1 });
  }, 2000);

}

render() {
  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center',}}>
      <Text>
       {this.state.number }
      </Text>
    </View>
  );
}

Expo Demo