728x90
1. 리액트 불러오기
import React from 'react';
2. Hello 라는 컴포넌트를 내보내겠다는 의미
export default Hello;
3. Hello 컴포넌트를 App.js에서 불러와 사용
import React from 'react';
import Hello from './Hello'; //Hello.js의 Hello컴포넌트 불러오기
function App() {
return (
<div>
<Hello />
</div>
);
}
export default App;
728x90
'FRONT' 카테고리의 다른 글
[React] props를 통해 컴포넌트에게 값 전달하는 법 (0) | 2023.07.17 |
---|---|
[React] JSX의 기본 규칙 (0) | 2023.07.17 |
[React] Git Bash를 이용하여 리엑트 실행 및 리엑트 파일 만들기 (0) | 2023.07.14 |
[Thymeleaf] header footer side 나누기 (타임리프 기반) (0) | 2023.07.13 |
[Thymeleaf] 타임리프 란? (0) | 2023.07.10 |