小编Vio*_*his的帖子

与 Antd Form onFinish 反应不检索数据

我是 React 的初学者,我正在学习有关如何使用 Django 后端创建 React 应用程序的教程。在视频中,他使用了 Ant Design Components v3(这是制作视频时的最新版本)。现在我正在使用最新的 v4,他们将表单 onSubmit 更改为 onFinish。在评论中进行了一些研究后,人们发布了有关更新以及如何使其工作但没有运气的帖子。问题是我正在尝试从表单输入(标题和内容)中获取数据并且它显示未定义。任何想法? 这是组件:

import React, { Component } from "react";
import { Form, Input, Button } from "antd";

const FormItem = Form.Item;

class CustomForm extends Component {
    handleFormSubmit = (values) => {
        const title = values.title;
        const content = values.content;
        console.log(title, content, values);
    };

    render() {
        return (
            <div>
                <Form onFinish={(values) => this.handleFormSubmit(values)}>
                    <FormItem label="Title">
                        <Input name="title" placeholder="Article Content" />
                    </FormItem>
                    <FormItem label="Content">
                        <Input
                            name="content"
                            placeholder="Enter Article …
Run Code Online (Sandbox Code Playgroud)

javascript forms reactjs antd

2
推荐指数
1
解决办法
5599
查看次数

标签 统计

antd ×1

forms ×1

javascript ×1

reactjs ×1