React기본) React Component 만드는 3가지 방법

lbr·2022년 7월 31일
0

Component

Component 만드는 3가지 방법

  • class
  • function
    - function () {}
    - () => {}
      

class component

class ClassComponent extends React.Component {
  render() {
  	return <div>Hello</div>;
  } 
}

function component 1

function FunctionComponent() {
  return <div>Hello</div>;
}

function component 2

function FunctionComponent = () => {
  <div>Hello</div>;
}
function FunctionComponent = () => <div>Hello</div>;

컴포넌트 사용(render)

ReactDom.render(<ClassComponent />, document.querySelector('#root'));

0개의 댓글