技術標籤：前端antreactreactjs

antdesign 表單設定預設值（antd4.x）

使用setFieldsValue 是通過ref來進行操作，如下所示：

//元件寫法
 <Form
     ref={this.formRefOne}
      {...layout}
      initialValues={{ remember: true }}
      onFinish={onFinish}
      onFinishFailed={onFinishFailed}
  >
      <Form.Item
          label="標&emsp;&emsp;&nbsp;題"
 

          name="title"
          rules={[{
              required: true,
              message: '請輸入標題'
          }]}
      >
</Form>      

建立ref(切記 一個ref只能供一個form表單使用 有多個form表單則建立多個ref即可 如果多個form表單呼叫同一個ref 則只能一個form表單生效)

//以函式方式 建立一個ref
formRef = React.createRef();

呼叫賦值

this.formRef.
 
current.setFieldsValue( {
            title: null,
            time: ''
        } )

在modal中使用

// forceRender={true} 表示強制渲染 這樣當modal關閉的時候 也能訪問到modal中的form表單
<Modal forceRender={true}>
  ...
</Modal>