因此,我試圖按照檔案的要求,得出了這樣的結論:
這里有一個簡單的例子:
我想,如果我是一個人,那么我就可以把這個人變成一個人。
這里有一個簡單的例子:
import { Button, Form, Input } from "antd"。
export default function App() {
const [form] = Form.useForm()。
return (
< Form form={form} onFinish={(資料) => console. log(data)}>
<Form.Item。
rules={[{ required: true, message: "test message" }]}
label="test"
>
<Input />
</Form.Item>
<Button htmlType="submit"/span>> 提交</Button>
</Form>
);
}
但是沒有這樣的事情發生。onFinish說,表單資料是一個空物件,而且驗證沒有運行。所以我一定是錯過了什么。有什么想法嗎?
uj5u.com熱心網友回復:
你需要為Form.Item組件設定name道具。
import "./styles.css"/span>。
import { Button, Form, Input } from "antd"。
export default function App() {
const [form] = Form.useForm()。
return (
< Form form={form} onFinish={(資料) => console. log(data)}>
<Form.Item。
rules={[{ required: true, message: "test message" }]}
name="username"
label="test"。
>
<Input />
</Form.Item>
<Button htmlType="submit"/span>> 提交</Button>
</Form>
);
}
日志:
async-validator:
(1) ["'username' is required"]
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/311803.html
標籤:

