2015-10-18 35 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對象。 '