Web/React3 React에서 input value 값 수정 안될 때 리액트에서 input에 text로 값을 입력받을 때 value값은 기본으로 들어가는 값이 되고, onChange를 통해 이벤트값을 호출합니다. value값에 sessionStorage에 저장된 titleModify의 값을 할당하였습니다. 이때 값은 입력창에 들어오지만 수정이 안되는 상황입니다. 기본 HTML 문법에서는 value값이 잘 수정되지만 위와 같이 리액트에서 동작을 안하는 경우가 있습니다. 해결방안 Value를 defaultValue로 바꿔주면 우리가 알고 있던 것처럼 수정 가능한 value 값을 지정해줄 수 있습니다. 참고자료 [React] input요소에 value와 defaultValue의 차이점 https://reactjs-kr.firebaseapp.com/docs/uncontrolled.. 2023. 1. 30. 두 번 렌더링되는 리액트 템플릿 리액트를 사용하여 프로젝트 진행 중 이슈를 발견했습니다. 리액트 템플릿을 가져와서 프로젝트를 구현하는 중, useEffect를 사용하여 페이지 렌더링 시 함수를 호출하는데 자꾸 오류가 발생하여 console.log(1)를 사용해보니 1이 두번 출력되는것을 확인하였습니다. 원인 개발모드에서 (개발 단계시 오류를 잘 잡기위해) 프로젝트의 src/index.js에서 태그로 을 감싸 두 번씩 렌더링한다고 합니다. src/index.js의 코드를 확인해보니 태그로 감싸져 있었습니다. import React from 'react'; import App from './App'; import ReactDOM from 'react-dom/client'; const root = ReactDOM.createRoot(docu.. 2022. 9. 20. 카카오 소셜 로그인 보호되어 있는 글 입니다. 2022. 9. 18. 이전 1 다음
