typescript 答复类型脚本:用户点击回车时记录数据

tag5nh1u  于 2023-01-21  发布在  TypeScript
关注(0)|答案(1)|浏览(133)

在我正在做的项目中,我把输入 Package 在一个表单中,这样做的目的是当用户输入一些东西并点击回车键时,数据就会被记录下来,但问题是我没有得到这样的记录。
下面是我的代码:
Index.tsx

const onFinish = (values: any) => {
  console.log("yoyo");
  console.log(values);
};

<Form name="control-ref" onMouseEnter={onFinish}>
        <Form.Item name="note" rules={[{ required: true }]}>
          <InputField
              variant="search"
              placeholder="Search"
              addonAfter={selectAfter}
              className="search-field"
            />
        </Form.Item>
      </Form>

具有指定变量的InputField返回以下组件

const SearchField: React.FC<IInputFieldProps> = (props) => {
  const { placeholder } = props;
  return (
    <Input
      className="search-field"
      placeholder={placeholder || 'Search'}
      {...props}
    />
  );
};

请帮帮忙

hfyxw5xn

hfyxw5xn1#

提交表单时记录数据。可以通过按Enter键提交表单。

<Form name="control-ref" onFinish={(values: any) => {
    console.log("yoyo");
    console.log(values);
}}>
    {...}
</Form>

**编辑:**根据ant design react docs更新提交回调

相关问题