https://segmentfault.com/q/1010000018556609
通过 From
中的 getValueFromEvent
可以控制!
import React from "react";
import ReactDOM from "react-dom";
import "antd/dist/antd.css";
import "./index.css";
import { Form, Select } from "antd";
const { Option } = Select;
class RegistrationForm extends React.Component {
render() {
const { getFieldDecorator } = this.props.form;
const formItemLayout = {
labelCol: {
xs: { span: 24 },
sm: { span: 8 }
},
wrapperCol: {
xs: { span: 24 },
sm: { span: 16 }
}
};
return (
<Form {...formItemLayout} onSubmit={this.handleSubmit}>
<Form.Item label="E-mail">
{getFieldDecorator("email", {
initialValue: ["1", "2"],
getValueFromEvent: value => value.slice(0, 3)
})(
<Select
mode="multiple"
style={{ width: "100%" }}
placeholder="Please select"
>
<Option value="1">1</Option>
<Option value="2">2</Option>
<Option value="3">3</Option>
<Option value="4">4</Option>
<Option value="5">5</Option>
</Select>
)}
</Form.Item>
</Form>
);
}
}
const WrappedRegistrationForm = Form.create({ name: "register" })(
RegistrationForm
);
ReactDOM.render(
<WrappedRegistrationForm />,
document.getElementById("container")
);