import React, { useState, useEffect, useCallback, useRef } from 'react';
import BaseForm from '../../BaseForm';
const SearchBar = props => {
const { items, buttons, onCommit, formProps } = props;
const [form, setForm] = useState(null);
const getForm = f => {
console.log(f);
setForm(f);
};
const handleFinish = values => {
console.log(values, 'value');
onCommit(values);
};
useEffect(() => {
if (form) {
console.log(form.getFieldsValue());
}
}, [form]);
return (
<BaseForm
items={items}
buttons={buttons}
formProps={{ ...formProps, onFinish: handleFinish }}
getForm={getForm}
/>
);
};
export default SearchBar;
-
Maofei94 authored2771a764