react-ant-form:checkBox的使用
作者:互联网
引入组件Checkbox直接使用组件即可
需要注意的点
form.item name="chek"中chek获得的值是最后一个选中的值不是一个数组
需要在check组件外层form.item内层添加:<Checkbox.Group>
{/* 多选选择星期 */} <Form.Item name="choose" label="选择星期"> <Checkbox.Group> <Row> <Col span={4}> <Checkbox value="周一" style={{ lineHeight: '32px' }}> 周一 </Checkbox> </Col> <Col span={4}> <Checkbox value="周二" style={{ lineHeight: '32px' }}> 周二 </Checkbox> </Col> <Col span={4}> <Checkbox value="周三" style={{ lineHeight: '32px' }}> 周三 </Checkbox> </Col> <Col span={4}> <Checkbox value="周四" style={{ lineHeight: '32px' }}> 周四 </Checkbox> </Col> <Col span={4}> <Checkbox value="周五" style={{ lineHeight: '32px' }}> 周五 </Checkbox> </Col> <Col span={4}> <Checkbox value="周六" style={{ lineHeight: '32px' }}> 周六 </Checkbox> </Col> <Col span={4}> <Checkbox value="周日" style={{ lineHeight: '32px' }}> 周日 </Checkbox> </Col> </Row> </Checkbox.Group> </Form.Item>
标签:ant,checkBox,form,check,react,item,组件,chek 来源: https://www.cnblogs.com/zbbk/p/13589188.html