react-native - 无法访问组件函数内的setState

Question

我正在学习反应原生,现在我因为这个错误而被困在州课上:

_this2.setState is not a function.

这是当前的代码块.

...
export default class StopWatch extends Component {

  constructor(props){
    super(props);
    this.state = {
      timeElapsed: null
    }
  }

  handleStartStopClick(){
    var startTime = new Date();

    setInterval(() => {
      this.setState(previousState => {
        return {timeElapsed:new Date() - startTime};
      });
    }, 100);
  }
...

我究竟做错了什么？

Answer 1

handleStartStopClick从this不是您的类的实例的上下文中调用.您可以通过添加.bind(this)到作为单击处理程序传递的函数来避免这种情况.

<TouchableHighlight onPress={this.handleStartStopClick.bind(this)}>