{...formItemLayout} 標籤佈局
{...formItemLayout}是reactjs中屬性的寫法{...props},formItemLayout標籤佈局,wrapperCol需要爲輸入控件設置佈局樣式時,和label 標籤佈局,通 <Col>
組件,設置 span
offset
值,如{span: 3, offset: 12}
。
const formItemLayout = {
labelCol: {
xs: { span: 24 },
sm: { span: 7 },
},
wrapperCol: {
xs: { span: 24 },
sm: { span: 12 },
md: { span: 10 },
},
};
<FormItem {...formItemLayout} label="標題">
{getFieldDecorator('title', {
rules: [
{
required: true,
message: '請輸入標題',
},
],
})(<Input placeholder="給目標起個名字" />)}
</FormItem>