我是 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)