Question

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

<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>

Answer 1

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

如何在select-option文本中使用name，ref，defaultValue？ - 在React Meteor中

1 个答案: