목록리액트 (10)
치악산 복숭아
[React] 이벤트가 두번 실행되는 오류 해결하기
//SignupForm 오류 코드 회원 가입 회원가입 폼을 만들고 있던 중 button의 이벤트가 두 번으로 중복돼서 실행되는 오류가 생겼다 열심히 구글링해서 찾아낸 결과 이유는 1) React.StrictMode (실질적인 해결방법은 아니였지만...ㅎ) //index.js ReactDOM.render( , , document.getElementById("root") ); 리액트의 공식 문서를 살펴보면 Strict 모드 StrictMode는 애플리케이션 내의 잠재적인 문제를 알아내기 위한 도구입니다. ! Strict 모드는 개발 모드에서만 활성화되기 때문에, 프로덕션 빌드에는 영향을 끼치지 않습니다. * 안전하지 않은 생명주기를 사용하는 컴포넌트 발견 * 레거시 문자열 ref 사용에 대한 경고 * 권장되..
FE/React
2021. 3. 16. 18:42
[React]리액트에서 링크 기능 사용하기
일반적으로 html에서 링크를 걸어줄 때는 a 태그를 많이 사용하지만 react 환경에서는 추천되지 않는다 사용은 가능하지만...! 리액트에서 a 태그로 작성하면 링크를 누를때마다 리액트가 죽고 새 페이지가 열리는 문제가 발생한다(화면 전체가 새로고침됨) a 엘리먼트의 href 속성은 페이지 전체를 다시 그리기 때문인데...🤔 이러면 필요한 부분만 빠르게 다시 그려주는 리액트의 장점을 활용하기 어렵다 리액트에선 a 태그 대신 Link 태그를 사용하자! // html // JSX a 태그는 href 속성을 이용해서 경로를 설정하지만 link 태그는 to 속성으로 경로를 설정해준다
FE/React
2021. 3. 10. 01:09