首页 > 其他 > 详细

007-ant design 对象属性赋值,双向绑定

时间:2018-08-03 00:37:01      阅读:606      评论:0      收藏:0      [点我收藏+]

1、state对象属性赋值

设对象为

state={
 datavalue:{
      id:‘‘,
      name:‘‘,
     },
}

修改对象属性为:

SetName=(e)=>{
      let val=e.target.value;
      let data = Object.assign({}, this.state.datavalue, { name: val })
      this.setState({
        datavalue: data
      })
      console.log(this.state.datavalue,data)
}

2、双向绑定

// 第一个
         {getFieldDecorator(‘note‘, {
            rules: [{ required: true, message: ‘Please input your note!‘ }],
          })(
            <Input />
          )}
// 第二个
          {getFieldDecorator(‘gender‘, {
            rules: [{ required: true, message: ‘Please select your gender!‘ }],
          })(
            <Select
              placeholder="Select a option and change input text above"
              onChange={this.handleSelectChange}
            >
              <Option value="male">male</Option>
              <Option value="female">female</Option>
            </Select>
          )}

绑定值:

  handleSelectChange = (value) => {
    console.log(value);
    this.props.form.setFieldsValue({
      note: `Hi, ${value === ‘male‘ ? ‘man‘ : ‘lady‘}!`,
    });
  }

 

007-ant design 对象属性赋值,双向绑定

原文:https://www.cnblogs.com/bjlhx/p/9410694.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!