javascript - 警告 : Can't call setState on a component that is not yet mounted

Question

当我在单元测试(开 Jest )时尝试更改 setstate 输入值时收到此警告

警告:无法在尚未安装的组件上调用 setState。这是一个空操作，但它可能表明您的应用程序中存在错误。相反，直接分配给 this.state 或在登录组件中定义具有所需状态的 state = {}; 类属性。我的代码是:

this.onChangeEvent = this.onChangeEvent.bind(this);

this.state = { email: '' }

componentDidMount() { this.onChangeEvent(); }

componentWillUnmount() { }

onChangeEvent(event) {     
    this.setState({ email: e.target.value });     
}

我找不到此警告的正确解决方案。有人可以帮我解决这个警告吗？

Answer 1

上下文绑定(bind)和状态初始化必须在构造函数内完成。

constructor(props) {
    super(props);
    this.onChangeEvent = this.onChangeEvent.bind(this);

    this.state = { email: '' }
}