你刚写的例子,我想要获取nane这个字段要怎么获取
时间: 2024-03-21 18:40:06 浏览: 95
outlook2007打开个别excel附件出现:无法建立档案,请在要建立档案的资料夹上单击右键,先择属性,查看您对这个资料夹的权限
在Ant Design的Form组件中,我们可以通过使用`getFieldValue`方法来获取表单中某个字段的值。在你的例子中,如果你想要获取name字段的值,你可以在提交表单的回调函数中调用`getFieldValue('name')`方法来获取它,示例代码如下:
```jsx
import { Form, Input, Button } from 'antd';
const layout = {
// ...
};
const tailLayout = {
// ...
};
const Demo = () => {
const onFinish = (values) => {
const name = form.getFieldValue('name');
console.log('Success:', values, name);
};
const onFinishFailed = (errorInfo) => {
console.log('Failed:', errorInfo);
};
const [form] = Form.useForm();
return (
<Form
{...layout}
form={form}
name="basic"
initialValues={{
remember: true,
}}
onFinish={onFinish}
onFinishFailed={onFinishFailed}
>
<Form.Item
label="Name"
name="name"
rules={[
{
required: true,
message: 'Please input your name!',
},
]}
>
<Input />
</Form.Item>
<Form.Item
label="Email"
name="email"
rules={[
{
required: true,
message: 'Please input your email!',
},
]}
>
<Input />
</Form.Item>
<Form.Item {...tailLayout}>
<Button type="primary" htmlType="submit">
Submit
</Button>
</Form.Item>
</Form>
);
};
export default Demo;
```
在这个例子中,我们使用`Form.useForm`方法创建了一个表单实例`form`,并将它传递给了Form组件的`form`属性。在表单提交成功的回调函数中,我们通过调用`form.getFieldValue('name')`方法来获取name字段的值,并将它输出到控制台中。
阅读全文