我对React很陌生。我有一个简单的应用程序,其中文本输入到输入字段,然后在单击按钮时发送到服务器。如何获取输入字段的值?这在jQuery中非常容易,但我无法用React来解决这个问题。
这是我的代码:
import React, { Component } from 'react';
import './App.css';
class App extends Component {
constructor(props){
super(props)
this.state = {
terms: ''
}
this.updateTerms = this.updateTerms.bind(this);
}
updateTerms(evt) {
this.setState({
terms: evt.target.value
})
}
search() {
alert(this.state.terms)
}
render() {
const btn1 = {
width: '100%',
backgroundColor: 'white'
}
return (
<div className= 'wrapper'>
<div className= 'item1'>
Specials Fact Tree Demo
</div>
<div className= 'item2'>
Search Term(s):<br/>
<input className= 'form-control' type="text" onChange={this.updateTerms} />
<br/>
<div id = 'results' >
<div id='resultsWrap' >
<select className= 'form-control' id= 'styles' ></select>
<select className= 'form-control' id= 'similar' ></select>
<div id= 'attsDiv' className= 'form-control' >
<dl id= 'atts'></dl>
</div>
</div>
</div>
<button className="btn btn-default" style = {btn1} id= 'search' onClick={this.search}>Search</button>
<div id="activeTraining" >
</div>
</div>
</div>
);
}
}
export default App;
非常感谢任何帮助。另外,简单点!
答案 0 :(得分:1)
你忘了绑定df <- lapply(1:2 / 2, function(x) dplyr::filter(mtcars, mpg > qsec*x))
方法(在构造函数内):
search
答案 1 :(得分:0)
如果您已熟悉ECMAScript 6,则可以使用箭头功能并保存绑定,如:
search = () => {
alert(this.state.terms)
}