import { useState, useEffect } from 'react';

const useFormData = (submitHandler, validation) => {

  const [values, setValues] = useState({});
  const [errors, setErrors] = useState({});
  const [isSubmitting, setIsSubmitting] = useState(false);

  const handleChange = (event) => {
   // stuff to update values when an input changes
  }

  const handleSubmit = (event) => {
    // run values through provided validation function, set errors
  }

  useEffect(() => {
    // if we are trying to submit and no errors, call provided submitHandler
  }, [errors]);

  return {
      handleChange,
      handleSubmit,
      values,
      errors,
    }
}

const handleChange = ( event : React.ChangeEventHandler<HTMLInputElement> ) => {
        event.persist();
        ...
    }

const handleChange :  React.ChangeEventHandler<HTMLInputElement> = ( event ) => {
...

const handleSubmit = ( event  : React.FormEvent<HTMLFormElement> ) => {
...

Lumpy fucked around with this message at 15:35 on Mar 28, 2019

import { VictoryCursorContainerProps, VictoryVoronoiContainerProps, createContainer } from 'victory';

/** now we're saying createContainer is a function that returns a React component that takes VictoryCursorContainerProps as props */
const MyContainer  = createContainer<VictoryCursorContainerProps, VictoryVoronoiContainerProps>("cursor", "voronoi");

teen phone cutie fucked around with this message at 05:08 on Mar 31, 2019