如何在 select-option 中使用 name、ref、defaultValue 之类的文本? - 在 React Meteor 中
How can I use name, ref, defaultValue in select-option like text? - in React Meteor
我用 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>
非常感谢pawel。
我可以通过改变来解决这个问题
<FormControl ref=....> to <FormControl inputRef=...>
我用 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>
非常感谢pawel。
我可以通过改变来解决这个问题
<FormControl ref=....> to <FormControl inputRef=...>