with-hooks-support-introduction.jsx

import withHooksSupport from 'with-hooks-support';

class Input extends React.PureComponent {
  render() {
    const { value, onChange } = useFormInput('Take 2!');
    return <input value={value} onChange={onChange} />;
  }
}

export default withHooksSupport(Input);

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