Question

当前对React来说还很新。尝试制作一个输入框，当我在输入框中键入内容并单击提交时，会弹出一个警告框，其中包含我输入的文字。

<p class="eventfuture">Text Here ABC</p>

TypeError：无法读取未定义的属性“ _inputElement”

Answer 1

将[4, 6, 8]更改为箭头功能：

handleSubmit

This是关于该主题的出色文章。

Answer 2

尝试一下：

      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.input.current.value);
        }

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

      export default TodoListt;

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

2 个答案: