反应组件作为常量选择onChange传递所选值

时间:2018-11-23 15:55:07

标签: javascript reactjs

我有一个用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 ”传递所选选择的值?

1 个答案:

答案 0 :(得分:1)

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>