[Antd] Form 밖에서 Form submit하기

페이지를 만들다보니 Form 태그 밖에서 Form을 submit 해야하는 상황이 발생..
어떻게 해야할지 찾다가 이 글을 발견했다

https://stackoverflow.com/questions/61745864/antd-form-remote-submit

1. 가장 이상적인 방법은 form.submit() 사용하기

const [form] = Form.useForm();

return (
	<Form form={form} onFinish={onFinish}...>
    ...
    </Form>
    ...
    <Button onClick={() => form.submit()}Submit</Button>

나도 이 방법을 쓰려했지만... form들이 중첩되어있던데다가 다른 커스텀 컴포넌트 때문에 제대로 작동하지 않아서 두번째 방법을 썼다.

<Form id="myForm">...</>
...
<Button form="myForm" key="submit" htmlType="submit">
  Submit
</Button>

기본 html 방식이다.
버튼에 form 어트리뷰트가 있다는 걸 깨닫게 된 날...
https://www.w3schools.com/tags/att_button_form.asp
Button의 form 어트리뷰트는 여기에 잘 나와있다