인프런 커뮤니티 질문&답변

혜진님의 프로필 이미지
혜진

작성한 질문수

웹 게임을 만들며 배우는 React

3-11. 억울한 자식 리렌더링 막기(PureComponent와 memo)

Try.jsx 에 PureComponent 와 React.memo 둘 다 적용해도 이전과 똑같이 렌더링 표시가 뜹니다.

작성

·

205

0

import React, { memo } from "react";

const Try = memo(({ tryInfo }) => {
  return (
    <li>
      <div>{tryInfo.try}</div>
      <div>{tryInfo.result}</div>
    </li>
  )
});

export default Try;

 

import React, { PureComponent } from "react";

class Try extends PureComponent {

  render() {
    const { tryInfo } = this.props;
    return (
      <li>
        <div>{tryInfo.try}</div>
        <div>{tryInfo.result}</div>
      </li>
    );
  }
}

export default Try;

항상 영상 잘 보고있습니다.! 답변주시면 감사하겠습니다

답변 1

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

지금 렌더링 표시가 안 뜨고 있는 겁니다.

렌더링 표시가 떴으면 1234 위에 줄이 그어졌습니다.

혜진님의 프로필 이미지
혜진

작성한 질문수

질문하기