리액트 부모 state 변경시 자식 재랜더링 여부

Question

리액트에서 부모의 state 가 setState 로 인해 변경됐을때변경된 state 값을 props 받아서 사용하지않는 자식컴포넌트들도 모두 재랜더링 되는게 맞는가요?import React, { Component } from 'react';import logo from './logo.svg';import './App.css';import Child from './Child';import Child2 from './Child2';class App extends Component {state={myKey:'A'}constructor(){super();console.log("부모생성자");}clickEvent = () => {this.setState({myKey:'B'})}render() {return (

{console.log('부모랜더링')}

);}}export default App; 위 소스에서 부모의 myKey 가 변경됐을때 Child 컴포넌트와 Child2 컴포넌트도 재랜더링이 되는게 맞는건가요?

세브라이드 · Accepted Answer

맞습니다. 막으려면 React.memo를 써야합니다.

세브라이드 · Answer

참고로 리액트 개발팀 왈, 어지간해선 리랜더링보다 React.memo가 더 비용이 크다고 합니다.

리액트 부모 state 변경시 자식 재랜더링 여부

2개의 답변

기술 목록