ant design4 設置表單默認值

• ant design4 設置表單的默認值和以前不一樣了

• 通過在 Form 組件標籤上添加 initialValues屬性，並傳入一個對象，我們可以設置ant design4 Form表單的默認值

• 注意傳入對象的 屬性-值中的屬性名應與 Form.Item組件標籤中name屬性的值相同

• 參考代碼

  import React from 'react';
  import {Form, Input} from 'antd';
  
  const {Item} = Form;
  
  function TestForm(props) {
  
      return (
          <Form
              initialValues={{
                  userName:'孔明',
                  password: 1111111
              }}
          >
              <Item name="userName">
                  <Input placeholder="請輸入姓名"/>
              </Item>
              <Item name="password">
                  <Input.Password placeholder="請輸入密碼"/>
              </Item>
          </Form>
      );
  }
  
  export default TestForm;
  
  

• 效果圖：