React - Component

❌ Unsupported block (table_of_contents)

React 컴포넌트?

React 컴포넌트는 React 앱을 구성하는 단위이며, 컴포넌트는

❌ Unsupported block (callout)

즉, 다음과 같다.

❌ Unsupported block (callout)

컴포넌트가 업데이트 될 때

  • 부모 컴포넌트에서 넘겨주는 props가 바뀔때
  • 컴포넌트 자신이 들고있는 state가 바뀔때
  • 부모 컴포넌트가 리렌더링될 때
  • this.forceUpdate로 강제로 렌더링을 시킬 때

    • Class형 컴포넌트 vs Fuction형 컴포넌트

    공부하기 전에 느꼈던 점

    [ Class형 ]

    import React, { Component } from 'react';

class TestClass extends Component {
  render() {
    return (
      <div>
        
      </div>
    );
  }
}

export default TestClass;

    [ 함수형 ]

    import React from 'react';

const TestFunction = () => {
  return (
    <div>
      
    </div>
  );
};

export default TestFunction;

    클래스 → 함수형 state 차이점 !

    ✔참고

    https://overreacted.io/ko/how-are-function-components-different-from-classes/