리액트 클래스 컴포넌트 질문이있습니다!

Question

import { Component } from "react";class ClassComponent2 extends Component { render() { console.log("render"); return (

ClassComponent

); }}class App extends Component { render() { return ; }}//App 클래스를 내보내겠다 -> 외부에서 사용할 수 있도록export default App; 다음과 같이 로직을 구현했고 서버를 돌리니 console 에 render 문자열이 2번찍히더라구요.. 로직을 보면 App 클래스에서 ClassComponent2 클래스를 render 함으로써 ClassComponent2 가 1번 render 돼야하는것같은데 2번찍히는 이유를 모르겠습니다. 리액트 라이프사이클을 보면 component 의 state 가 수정되면 재랜더링을 하긴하던데 그런 구문도 없고 그냥 화면에 보여주기만 하는데 render 가 왜 2번찍히는지 모르겠습니다..

codezzzz · Answer

https://velog.io/@hyes-y-tag/React-useEffect%EA%B0%80-%EB%91%90%EB%B2%88-%EC%8B%A4%ED%96%89%EB%90%9C%EB%8B%A4%EA%B3%A0 StrictMode 때매 그러지 않나 싶네요.

리액트 클래스 컴포넌트 질문이있습니다!

1개의 답변

Q&A 목록