在我正在做的项目中,我把输入 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}
/>
);
};
请帮帮忙
1条答案
按热度按时间hfyxw5xn1#
提交表单时记录数据。可以通过按Enter键提交表单。
**编辑:**根据ant design react docs更新提交回调