题目描述
react + antd select 默认选中问题
题目来源及自己的思路
我是通过 const { getFieldDecorator } = this.props.form;来设置他们的默认值的,并通过action监听select的变化,但是数据拿过来后,并不是我想要的数据格式,是这样的observerObject。我只有通过JSON.stringify来转化,然后在通过JSON.parse转化回去。现在我想用antd里面的select里面的labelInValue来设置。
相关代码
// 请把代码文本粘贴到下方(请勿用图片代替代码)
@observer
class RelativelyStrongIndexForm extends Component {
componentWillMount() {
this.store = this.props.store; // 让代码写得短些
this.store.fetchSelectOptions(); // 取菜单数据
}
handleSubmit = (e) => {
e.preventDefault();
this.props.form.validateFields((err, values) => {
if (!err) {
const params = {
assetName: JSON.parse(values.assetType).name,
benchmarkName:JSON.parse(values.benchmarkType).name,
assetType: JSON.parse(values.assetType).index,
benchmarkType: JSON.parse(values.benchmarkType).index,
beginDate: values.beginDate.format('YYYYMMDD'),
endDate: values.endDate.format('YYYYMMDD'),
interval: values.interval,
method: JSON.parse(values.method).index
};
this.store.fetchChartData(params);
}
});
};
render()