小编Ren*_*nes的帖子

有没有一种方法可以在提交时从其父表单验证嵌套组件表单项？

这是一个示例，我知道我可以以相同的形式处理这两个项目，但这不是将数据从子组件传递到父组件的最佳方式（这只是一个简单的示例来说明我的问题）。我的情况比这个例子更复杂。。

应用程序.js

import React from "react";
import { FormComponentProps } from "antd/lib/form/Form";
import { Input, Form } from "ant";
import ChildComponent from "./ChildComponent";

function App() {
  const [state, setState] = React.useState("");
  const [childValue, setChildValue] = React.useState("");

  const handleSubmit = e => {
    e.preventDefault();
    props.form.validateFields((err, values) => {
      if (!err) {
        console.log(state);
        console.log(childValue);
      }
    });
  };

  const { getFieldDecorator } = props.form;

  return (
    <Form onSubmit={handleSubmit}>
      <Form.Item
        label="Name"
        labelAlign="left"
        colon={false}
        labelCol={{ span: 8 }}
        wrapperCol={{ span: 14 }} …

例如53.23或20.15但不超过 2 位小数。想知道是否有一个 Ant Design API。

<InputNumber
  defaultValue={10}
  style={{ width: '30%', marginLeft: 28 }}
  name="quantity"
/>