如何使用ReactJS获取输入字段的值？
我有以下React组件：
export default class MyComponent extends React.Component {
onSubmit(e) {
e.preventDefault();
var title = this.title;
console.log(title);
}
render(){
return (
...
<form className="form-horizontal">
...
<input type="text" className="form-control" ref={(c) => this.title = c} name="title" />
...
</form>
...
<button type="button" onClick={this.onSubmit} className="btn">Save</button>
...
);
}
};
控制台给了我undefined-任何想法这段代码有什么问题吗？
问题答案：
您应该在类MyComponent下使用构造函数扩展React.Component
constructor(props){
super(props);
this.onSubmit = this.onSubmit.bind(this);
}
然后您将获得标题的结果
-
我正在尝试根据用户输入字段获取api数据。如何获取这些数据的值？ 我的apiendpoint如下“http://localhost:8000/api/p_list?search=" . 每当用户输入值时，endpoint如下“http://localhost:8000/api/p_list?search=01这里输入的字段值为“01”。我想得到结果的值。 我可能是新来的反应。我尝试了下面这样的东西
-
问题内容： 我有一个输入字段，如下所示： 我想获取输入字段的值并将其分配给会话。如何使用PHP或jQuery做到这一点？ 问题答案： 使用PHP 或超全局变量通过HTML标签的名称来检索输入标签的值。 例如，更改表单中的方法，然后通过输入名称回显该值： 使用方法： 要显示值： 使用方法： 要显示值：
-
我有一个输入字段如下： 我想获取输入字段值，并将其分配给会话。如何使用PHP或jQuery实现这一点？
-
问题内容： 我在下面使用一个变量。 这由我的输入字段使用。 激活后，我想清除我的输入字段。但是，我不确定该怎么做。 另外，如本例所示，有人指出我应该将属性用于输入值。我还不清楚这到底意味着什么。在这种情况下有什么意义？ 问题答案： 您可以使用输入类型=“重置”
-
问题内容： 我正在使用JavaScript进行搜索。我会使用一种表格，但是它弄乱了我页面上的其他内容。我有此输入文本字段： 这是我的JavaScript代码： 如何从文本字段获取值到JavaScript？ 问题答案： 有多种方法可直接获取输入文本框值（无需将输入元素包装在表单元素内）： 方法1： 得到所需盒子的价值 例如， 注意： 方法2、3、4和6返回元素的集合，因此请使用[whole_numb
-
我正在用JavaScript进行搜索。我会使用一个表单，但它会把我页面上的其他东西弄乱。我有这个输入文本字段： 这是我的JavaScript代码： 如何将文本字段中的值获取到JavaScript中？