React 클래스형 컴포넌트

클래스형 컴포넌트는 잘 사용하지 않음

함수형 컴포넌트를 주로 사용함 + hooks

하지만 유지 보수할 때 가끔 쓰일 수 있기 때문에 알아두기, 꼭 필요한 경우에만 사용하기

import React, { Component } from "react";
 
class Hello extends Component {
  render() {
    const { color, isSpecial, name } = this.props;
    return (
      <div style={{ color }}>
        {isSpecial && <b>*</b>}
        안녕하세요 {name}
      </div>
    );
  }
}
 
// function Hello({ color, name, isSpecial }) {
//   return (
//     <div style={{ color: color }}>
//       {isSpecial && <b>*</b>}
//       {undefined}
//       안녕하세요 {name}
//     </div>
//   );
// }
 
Hello.defaultProps = {
  name: "이름없음",
};
 
export default Hello;