如何在文本选择选项中使用名称、引用、默认值？ - 在反应流星答案

【问题标题】：How can I use name, ref, defaultValue in select-option like text? - in React Meteor如何在文本选择选项中使用名称、引用、默认值？ - 在反应流星
【发布时间】：2018-01-24 10:10:26
【问题描述】：

我用 ReactJS 创建了一个 Meteor 项目。对于创建/编辑页面，我使用相同的页面，在文本输入中，我有以下代码：

<FormGroup>
<ControlLabel>Province</ControlLabel>
    <input
       type="text"
       className="form-control"
       name="province"
       ref={province => (this.province = province)}
       defaultValue={regs && regs.province}
    />
</FormGroup>

为了得到同样的结果。如何在 select-option、checkbox、radio 等中使用 name、ref、defaultValue。喜欢文字？

<FormGroup controlId="formControlsSelect"> 
   <ControlLabel>Sex</ControlLabel> 
   <FormControl componentClass="select" name="sex"  ref={sex => (this.sex = sex)} defaultValue={regs && regs.sex}> 
   <option value="male">Male</option> 
   <option value="female">Female</option> 
   </FormControl> 
</FormGroup>

【问题讨论】：

name 和 ref 对它们都一样，defaultValue 在 <select /> 元素上工作，对于复选框/收音机，你有 defaultChecked。
嗨，帕维尔，非常感谢。 defaultValue 效果很好，但我发现“字段性别未定义”的其他错误。请查看我在主题上编辑的代码。
如果 <FormControl /> 是一个 react-bootstrap 控件，我认为你应该使用 inputRef 而不是 ref react-bootstrap.github.io/…
嗨帕维尔，它的工作！这太棒了！非常感谢。
最好创建一个答案并将其标记为正确以关闭此线程@MaiSirisak

标签： javascript html reactjs meteor react-bootstrap

【解决方案1】：

非常感谢帕维尔。我可以通过改变来解决这个问题 <FormControl ref=....> to <FormControl inputRef=...>

【讨论】：