reactjs - “未定义状态”，它还显示“此错误发生在构建期间，无法消除”，即使在定义状态之后也是如此

Question

得到以下问题。我已经尝试过自己，但没有运气。

我已经定义了状态和 onFormSubmit，但我不知道为什么会出现这个错误。

为了解决这个问题，我使用卸载了 create-react-appnpm uninstall -g create-react-app并再次使用安装npm install -g create-react-app，然后使用create-react-app videos. 最后我再次编写代码并输入'npm start'，我遇到了同样的问题。

标签： reactjs

Answer 1

由于函数绑定，您会收到这些错误。

以下代码将为您工作。

import React, { PureComponent } from "react";

class App extends PureComponent {

  constructor(props) {
    super(props);
    this.state = {
      term: ''
    };
    this.onFormSubmit = this.onFormSubmit.bind(this);
  }

  onFormSubmit(e){
    e.preventDefault();
    console.log('Term: ', this.state.term)
  }

  render() {
    return (
      <div>
        <form onSubmit={this.onFormSubmit}>
        <input
          type='text'
          value={this.state.term}
          onChange={(e) => {
            this.setState({
              term: e.target.value
            })
          }}
        />
      </form>
    </div >
  );
  }
}

export default App;

这是代码https://react-bwwutc.stackblitz.io

谢谢你。