从 antd 形式的 html 输入中获取值

Question

我想从 AntDesign 中的自定义 HTML 输入中获取值，onFinish 表单的函数没有获取描述值，我附上了下面的示例。

<Form.Item
    label="description"
    name="description"
    rules={[
        {
            required: true,
            message: 'description is required',
        },
    ]}
>
    <CustomInput type="text" />
</Form.Item>

const CustomInput = () => {
   return <input type="text" />;
}

export default CustomInput;

Answer 1

在我的例子中，我只需要传递自定义组件的所有道具，因为 Form.Item 传递给他们的 onChange 和 value 道具

const CustomInput = ({ ...restProps }) => {
   return <input type="text" {...restProps} />;
}

export default CustomInput;

从 antd 形式的 html 输入中获取值

Get value from html input in antd form

reactjs

antd