码迷,mamicode.com
首页 > 其他好文 > 详细

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

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

标签:set   color   code   hang   his   sig   ext   tar   targe   

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 对象属性赋值,双向绑定

标签:set   color   code   hang   his   sig   ext   tar   targe   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!