1. 程式人生 > >007-ant design 對象屬性賦值,雙向綁定

007-ant design 對象屬性賦值,雙向綁定

sel stat mes 賦值 sage chang nbsp ace eas

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 對象屬性賦值,雙向綁定