在反应中创建onChange方法的间谍

Question

我有以下内容：

    handleChange: function(e) {
                        this.setState({[e.target.name]: e.target.value});
                    },
................
...............<input type="text".... onChange={this.handleChange}/>

当用户输入/更改字符时，如何测试是否使用toHaveBeenCalled()调用onChange？

Answer 1

这项工作不会很好吗？

handleChange: function(e) {
  this.toHaveBeenCalled();
  this.setState({[e.target.name]: e.target.value});
},

<input type="text".... onChange={this.handleChange}/>

Answer 2

监控状态更改的更简单方法是console.log() ..