CustomHooks 3차 시도 : useValidation

import React, {useState} from 'react';

 

const useValidation = () => {

  const [isValid, setIsValid] = useState({

    title: false,

    content: false,

  }); 

  const lengthCheck = (input, words, max) => {

    if (2 <= words.length && words.length <= max) {

      setIsValid({ ...isValid, [input]: true });

    } else {

      setIsValid({ ...isValid, [input]: false });

    }

  };

  const validReset = () => {

    setIsValid({ ...isValid, title: false, content: false });

  };

  return { isValid, lengthCheck, validReset };

};

export default useValidation;

 

팀원의 아이디어로 시작된 훅인데 사용해보니까 너무 좋았다.
input의 입력길이에 대한 유효성 검사 훅