为什么这不能从我的输入中获取文本？错误？
为什么这不能从我的输入中获取文本？错误？
提问于 2019-05-15 07:13:38
目前非常新的反应。尝试创建一个输入框，当我在输入框中键入并单击提交时，将弹出一个警告框，其中包含我键入的文本。
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;TypeError:无法读取未定义的属性“”_inputElement“”
回答 2
Stack Overflow用户
回答已采纳
发布于 2019-05-15 08:07:59
将handleSubmit更改为箭头函数：
handleSubmit = (e) => {
e.preventDefault();
console.log(this._inputElement.value);
}This是关于这个主题的一篇很好的文章。
Stack Overflow用户
发布于 2019-05-15 07:21:23
试试这个：
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;页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56139785
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号