어떻게 input 값을 컨트롤 했지?
바로 state를 통해서다.(변수를 선언하고 싶다? reactJS 에서는 state)
하지만
우리가 직접적으로 state를 수정하지 못함을 알아야 한다.
일반적인 JavaScript 였다면 toDos.push() 이런식으로 했겠지만
const [toDos,setToDos] = useState([]); 이렇게 ReactJS 에서 배열을 선언한 경우에는 당연하게 modifier를 이용해서 state를 수정해 주어야 한다.
array를 직접적으로 수정하지 않으면서 setToDos array 에 element를 추가하는 방법을 알아야 한다.
modifier 안에서는 두가지 방법으로 값을 변경해 줄 수 있다.
첫번째는 값을 직접 넣어 주는 것이다. (위의 직접적으로 state의 값을 할당해줄 수 없다는 것과 다름을 알자)
두번째는 함수를 넣어주는 것이다.
익명의 함수는 () => {return } 이렇게 해줄 수 있는데
인자가 존재하는 경우
(인자명0 => () 이런식으로 바로 함수를 선언해 줄 수 가 있다.
JSX 에 자바스크립트를 넣고 싶으면 중괄호를 넣어주는 걸 까먹으면 안된다.