javascript - 为什么这不从我的输入中获取文本？错误？

Question

目前 React 还很陌生。尝试创建一个输入框，当我在输入框中输入内容并单击“提交”时，会弹出一个警告框，其中包含我输入的文本。

      import React from "react";
      import "./App.css";

      class TodoListt extends React.Component {
        state = {};

        constructor(props) {
          super(props);
          this.input = React.createRef();
        }

        handleSubmit(e) {
          e.preventDefault();
          console.log(this._inputElement.value);
        }

        render() {
          return (
            <div>
              <form onSubmit={this.handleSubmit}>
                <input ref={a => (this._inputElement = a)} placeholder="...todo" />
                <button>submit</button>
              </form>
            </div>
          );
        }
      }

      export default TodoListt;

类型错误:无法读取未定义的属性“_inputElement”

Answer 1

将 handleSubmit 更改为箭头函数:

handleSubmit = (e) => {
   e.preventDefault();
   console.log(this._inputElement.value);
}

This是一篇关于该主题的优秀文章。