{...formItemLayout} 標籤佈局

                           {...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>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章