컴포넌트(사용자 정의 태그)는 첫 시작은 대문자
컴포넌트 정의
function Header() {
return <header>
<h1><a href="/">WEB</a></h1>
</header>
}
function Nav() {
return <nav>
<ol>
<li><a href="/read/1">html</a></li>
<li><a href="/read/2">css</a></li>
<li><a href="/read/3">js</a></li>
</ol>
</nav>
}
function Article() {
return <article>
<h2>Welcome</h2>
Hello, WEB
</article>
}
컴포넌트 사용법
function App() {
return (
<div>
<Header></Header>
<Nav></Nav>
<Article></Article>
</div>
);
}
'Dev > React' 카테고리의 다른 글
리액트 react state (1) | 2023.11.12 |
---|---|
리액트 react 이벤트(event) (0) | 2023.11.11 |
리액트 react 속성(props) (0) | 2023.11.11 |
리액트 react 소스 수정 방법, 배포 (0) | 2023.11.11 |
리액트 react 개발환경 기본 세팅 (0) | 2023.11.11 |