007-ant design 對象屬性賦值,雙向綁定
阿新 • • 發佈:2018-08-03
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 對象屬性賦值,雙向綁定