我有一个作为 const 和 props 创建的 React 组件。
我还有一个函数,请参阅:selectChanged() {}
是另一个文件,当我更改选择值时返回未定义。
这是组件代码:
...
const myComponent = (props) => <div id="myid">
<form onSubmit={props.onSubmit} className="gs-form">
<div className="label">MySelect</div>
<select
id="myselect"
value=""
onChange={props.selectChanged}>
<option value="one" defaultValue>one</option>
<option value="two">two</option>
<option value="three">three</option>
</select>
</div>
</form>
</div>;
export default myComponent;
数据被传递给这个:
selectChanged(value) {
console.info(value);
}
问题是它一直显示未定义我更改选择值的内容。
我该如何解决这个问题,以便“selectChanged”传递所选 select 的值?
最佳答案
change= (event) => {
this.props({selectChanged: event.target.value});
}
...
<select
id="myselect"
value={this.props.selectChanged}
onChange={this.change}>
<option value="one" defaultValue>one</option>
<option value="two">two</option
<option value="three">three</option>
</select>
关于javascript - React Component as Const select onChange 传递选定值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53449672/