如何在react-boostrap multi select上设置选定的值?

时间:2016-04-30 00:49:17

标签: reactjs react-bootstrap

我一直在尝试这样的事情:

<FormControl componentClass="select" multiple value="['other1', 'other2']">
  <option value="other1">other1</option>
  <option value="other2">other2</option>
  <option value="other3">other3</option>
  <option value="other4">other4</option>
  <option value="other5">other5</option>
</FormControl>

但是我无法正确理解语法,并且我不确定它是否是正确的方法。

1 个答案:

答案 0 :(得分:0)

我在这里找到答案:https://facebook.github.io/react/docs/forms.html

  

注意:您可以将数组传递给value属性,允许您使用   在select标签中选择多个选项:。

从我最初的例子来看,这是正确的方法:

<FormControl componentClass="select" multiple value={['other1', 'other2']}>
  <option value="other1">other1</option>
  <option value="other2">other2</option>
  <option value="other3">other3</option>
  <option value="other4">other4</option>
  <option value="other5">other5</option>
</FormControl>