从选择中获取价值-REACT [英] get value from select -- REACT
本文介绍了从选择中获取价值-REACT的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我尝试了一些方法来显示select
标签的显示值.
I tried some thing for display value from select
tag.
我尝试的第一件事是event.target.value
和onChange
.
我尝试的第二件事是event.nativeEvent.value
The first thing I tried, is event.target.value
with an onChange
.
The second thing I tried is event.nativeEvent.value
不可能,所以如果您对我来说有奇迹!我接受
IMPOSSIBLE, so if you have a miracle for me ! I take that
因此,如果您愿意,我可以发布部分代码:
So if you want, I post part of my code :
class App extends Component {
constructor(props) {
super(props);
this._createBounds();
this.state = {
value: 'a'
}
}
_createBounds() {
['_handleSubmit', '_renderTasks', '_handleChange']
.forEach((fn) => this[fn] = this[fn].bind(this));
}
_handleChange(event) {
this.setState({ value: event.currentTarget.value }) // I tried before target.value, or nativeEvent.value
}
render() {
return (
<div className="container">
<div className="list-container">
<div className="list-select">
<select
onChange={this._handleChange()}
className="ant-input selectBox"
style={{width: 200}}
placeholder="Select a person"
ref={ref => {
this._select = ref
}}
value={this.state.value}
defaultValue={this.state.value}
>
<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
<option value="d">D</option>
<option value="e">E</option>
<option value="f">F</option>
<option value="g">G</option>
<option value="h">H</option>
<option value="i">I</option>
<option value="j">J</option>
<option value="k">K</option>
<option value="l">L</option>
<option value="m">M</option>
<option value="n">N</option>
<option value="o">o</option>
<option value="p">P</option>
<option value="q">Q</option>
<option value="r">R</option>
<option value="s">S</option>
<option value="t">T</option>
<option value="u">U</option>
<option value="v">V</option>
<option value="w">W</option>
<option value="x">X</option>
<option value="y">Y</option>
<option value="z">Z</option>
</select>
</div>
</div>
</div>
);
}
}
推荐答案
将onChange更改为此.
Change your onChange to this.
onChange={this._handleChange}
您还可以尝试使用另一个handleChange方法
Also another handleChange method you could try
handleChange(e) {
let {name, value} = e.target;
this.setState({
[name]: value,
});
}
这篇关于从选择中获取价值-REACT的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文