antdesign 表单中的单选按钮处理
生活随笔
收集整理的這篇文章主要介紹了
antdesign 表单中的单选按钮处理
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
如上圖所示,是一個單選按鈕,如果需要獲取單選按鈕的默認值,那樣怎么處理呢?
代碼:
class FilterForm extends ListFilterForm {constructor() {super();this.state = { //先聲明變量并初始化isAll: true}}handleSubmit= (value) => {};handleChecked = (event) => {this.setState({ isAll: event.target.checked });};render() { const { isAll }=this.state;return (<Form onSubmit={this.handleSubmit} inline={true}>/*單選按鈕*/<FormItem>{getFieldDecorator('isAll', {valuePropName: 'checked',initialValue: isAll || false,})(<Checkbox onChange={this.handleChecked}>未指派房行</Checkbox>)}</FormItem><Button type="primary" htmlType="submit">提交</Button></Form>) }} 創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的antdesign 表单中的单选按钮处理的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: antdesign的表单中的下拉框设置默
- 下一篇: 微软商业智能系列(一)初识微软BI