Hooks

#Hooks
//아래 포스트는 노마드코더 hooks강의를 참고했습니다.

Hooks는 funcional component에서 state를 가질 수 있도록 해준다.
=> 함수형 프로그래밍이 된다는 뜻.

한가지 예시로 우리는 useState를 위에 import하여 쉽게 hook을 이용할 수 있다.

const [count, setCount] = useState(0);

count는 여기서 value이다. useState(0)이라서 count는 0부터 시작한다. setCount는 value를 변경하는 메소드이다.
배열안에 들어가는 것들의 이름이 count나 setCount말고 hyunsu, minsu등등이어도 괜찮다.

메소드가 어떤것이든간에 value를 나타내는 변수의 값을 변경해주는 것으로 이해하면 될 듯하다.

예를 들어 다음이 성립한다.

const App = () => {
    const [email,setEmail]=useState("");
    const updateEmail =e=>{
        const {
        target: {value}
        } =e;
        setEmail(value);
    };
    return (
        <input placeholder="Email" value={email} onChange={updateEmail} />
    );
}

state를 전부 만드는것 대신, 이렇게 Hook을 생성하여 이용할 수 있다.

###Effect Hook이란것 도 있는데 아직 이해못함..