HOC ReactJS component for form management
npm install @thecodeisgreen/withformwithform is a HOC component.
npm install --save @thecodeisgreen/withform
`$3
`javascript
import React, { useState } from 'react'; import withForm from '../index';
import MyInput from './MyInput';
const useTest = (form) => {
const [values, setValues] = useState({});
const onSubmit = (e) => {
e.preventDefault();
setValues(form.values());
};
return {
values,
onSubmit
};
};
const useAddExtraField = () => {
const [showExtraField, setShowExtraField] = useState(false);
const onAddExtraField = () => {
setShowExtraField(true);
};
return {
showExtraField,
onAddExtraField
};
};
const Test = ({
form
}) => {
const {
onSubmit,
values
} = useTest(form);
const {
showExtraField,
onAddExtraField
} = useAddExtraField();
return (
{JSON.stringify(values)}
);
}; export default withForm(Test);
``