TIL - 25일차 onClick 및 onChange함수와 콜백함수

값을 확인해보고 싶었는데, 정확한 방법을 몰라서 다음과 같이 console.log를 찍었고 작동하지 않았다.

교재에서 배운대로면

   onChange={(e) => setConTent(e.target.value)}

 

와 같은 코드를 작성한다. 그러면 setter를 통해서 value값이 다시 content로 저장되고 이 값이 value로 다시 불려지는 식으로 작동된다.그러면 화면에 내가 글을 작성하는 과정도 해당 부분에 랜더링이 일어나고 있는건가? 

이건 업데이트의 개념이 아닌가? (질문1)

 

답변: 

업데이트의 개념이다.  그렇기 떄문에 사실 onChange로 해당 값을 받는건 비효율적인 작업이다. 

하지만 직관적으로 useState를 연습하기엔 좋은 예제라서 채택이 되었따.

 

위의 코드에는 e를 적었다. 이 이유가 혹시 이벤트가에 있는 value값을 특정하기 위해서인가?? (적힌값을 정의하기 위해선 e를 적어야하고 ,,그걸 target.value로 안의 값을 받는건가?) (질문2)

 e는 event를 표현한 것이다 console을 찍어주면 event안에 다양한 키값들이 있다. 그 중에서 event에 있는 target에서 value를 추출하기 위한 표현이다.

https://stackoverflow.com/questions/62930655/whats-the-difference-between-onclick-function-and-onclick-functi