설치하고 나서 크롬 개발자 도구를 열면 개발자 도구 탭에 React가 나타납니다. 이를 클릭하세요. 그리고 하단에 나오는 Elements 탭에서 TodoInsert 컴포넌트를 검색한 후 선택하면, 다음과 같이 인풋을 수정했을 때 Hooks의 State 부분에도 똑같은 값이 잘 들어가는 것을 확인할 수 있습니다.
▲ 그림 10-16 리액트 개발자 도구
설치하고 나서 크롬 개발자 도구를 열면 개발자 도구 탭에 React가 나타납니다. 이를 클릭하세요. 그리고 하단에 나오는 Elements 탭에서 TodoInsert 컴포넌트를 검색한 후 선택하면, 다음과 같이 인풋을 수정했을 때 Hooks의 State 부분에도 똑같은 값이 잘 들어가는 것을 확인할 수 있습니다.
▲ 그림 10-16 리액트 개발자 도구