[React.js] 클래스형 컴포넌트 / 함수형 컴포넌트

클래스형 컴포넌트 

클래스형 => State O

class Header extends React.Component {
	render(){
		return <header className="Header"> 
			<h1>LOGO</h1>
			<Gnb />
			</header>
		}
}

생명주기

 

함수형 컴포넌트

함수형     => State X ---> useState 

function Header(){
		return(
			<div className="header">
				<h1>Brand</h1>
				<nav className="gnb">
					<ul>
						<li><a href="">HOME</a></li>
						<li><a href="">ABOUT</a></li>
						<li><a href="">CONTACT</a></li>
					</ul>
				</nav>
			</div>
		);
	}

 

리액트받아쓰는 거

import './App.css';

//public폴더에 있는 것은 import가 필요없다.

function App() {
  //변수
  //함수
  return (
    <div className="App">
    
    </div>

  );
}

export default App;