React_기본 화면 출력

import "./App.css";

//일반 함수

function MyButton(){

  return <button>버튼</button>;

}

//arrow 함수

const MyButton2 = (props) => {

  return <button>람다 버튼</button>

}

function App(){                   //1. function 생성

  return (<div>

    <h1>App</h1>

    <MyButton></MyButton>

    <MyButton2></MyButton2>

  </div>)                         //2. return 생성

}

export default App;               //3. export default 함수명

 

람다 함수의 경우

const Btn2 = (props) => <button>버튼2</button>

도 가능하다.


!!!@@@컴포넌트 첫 글자는 반드시 대문자로 할 것@@@!!!
반면, const는 반드시 소문자로 해야 한다.

 

 

 

Export하는 함수에서 입력하지 않았거나, 컴포넌트가 소문자면 함수명이 어두워진다.