with-hooks-introduction.jsx

import withHook from 'with-hook';

class HookedInput extends React.PureComponent {
  render() {
    const WithFormInputProps = withHook(useFormInput);

    return (
      <WithFormInputProps>
        {({ value, onChange }) => <input value={value} onChange={onChange} />}
      </WithFormInputProps>
    );
  }
}

function useFormInput() {
  const [value, setValue] = useState("");
  const handleInputChange = e => setValue(e.target.value);
  return { value, onChange: handleInputChange };
}