美文网首页
antd(3.26.18)的Form表单中的Select回显

antd(3.26.18)的Form表单中的Select回显

作者: 在小白的路上越走越远 | 来源:发表于2020-11-16 13:51 被阅读0次
    1. 给getFieldDecorator('绑定的变量',{其他配置}) 绑定变量,比如appName。
                <FormItem {...formItemLayout} label="app的名字" required>
                  {getFieldDecorator("appName", {})(
                    <Select>
                        <Option value="luck">name1</Option>
                        <Option value="sad">name2</Option>
                    </Select>
                  )}
                </FormItem>
    
    1. 点击编辑回显方法时,将回显值与appName对应,此时Select默认选中value为 luck的 Option.
    editConfigTableItem = () =>{
            this.props.form.setFieldsValue({
            appName: 'luck'
          });
    }
    

    相关文章

      网友评论

          本文标题:antd(3.26.18)的Form表单中的Select回显

          本文链接:https://www.haomeiwen.com/subject/icuxiktx.html