需求:
一般下拉框選擇後會傳送一個ID號給後臺,然而今天后臺要讓前端頁面將id和name,一起送過去。
總結思路:開始沒想到要到Select,裏面加一個事件來傳值,想的是選擇後確認值然後通過用戶選擇的來將用戶的選的值取出來在送過去,然在就在Option裏面加事件,來觸發現傳過去的值是所有的name,然後就不能打到實際效果,後面找到api看到這個
<FormItem label="所屬部門">
{getFieldDecorator('departmentName', {
initialValue: '',
validateTrigger: 'onBlur',
})(
<Select onSelect={this.hadleDepartment}>
<Option value="">請選擇</Option>
{_.map(pageInfList, (op) => {
return (
<Option value={op ? op.departmentId : ''}>{op ? op.departmentNm : ''}</Option>
);
})}
</Select>
)}
</FormItem>
hadleDepartment = (e, obj) => {
this.setState({
departmentId1: e,
departmentName1: obj.props.children,
});
}
這樣後就可以將key和value同時傳送給後臺了