2015-10-18 38 views
1

我读过react formsreact two way binding helpers。 但我找不到任何关于如何实现与select元素的双向绑定的说法。如何使selectLink元素与select元素做出反应?

我已经试过这样的:

render: { 
    var selectValueLink = { 
    value: this.state.selectedValue, 
    requestChange: this.handleChange 
    }; 

    return (
    <select valueLink={selectValueLink}> 
     <option value={'A'}>OPTION A</option> 
     <option value={'B'}>OPTION B</option> 
     <option value={'C'}>OPTION C</option>  
    </select> 
); 
} 

this.handleChange不被解雇时,我通过鼠标点击手动更改选择的选项。

有什么方法可以很好地使用React的valueLink选择元素?

回答

1

以下是select元素的示例,并且所有内容似乎都在工作http://plnkr.co/edit/3ueB63nxJ4wwV8rSIusr

+0

另外,考虑使用'LinkedStateMixin',所以你不必自己构造valueLink对象。 '