- return() 소괄호 안에다가 작성
- return() 안에는 병렬로 태그 2개이상 기입금지
- 자료를 잠깐 저장할 땐 state 사용
- state 사용법
1. import{useState}
- useState(보관할 자료)
- let[작명a, 작명b]
import { useState } from 'react';
import './App.css'
function App(){
let [a,b] = useState('남자 코트 추천');
let posts = '강남 우동 맛집';
return (
<div className="App">
<div className="black-nav">
<div>개발 blog</div>
</div>
<div className="list">
<h4>글제목</h4>
<p>2월 17일 발행</p>
<hr/>
</div>
</div>
)
}
- 모든 것을 다 State로 만들 필요가 없음
잘 변하지 않는 것 (ex. 블로그 제목 같은)은 변수로 만들어도 됨
렌더링 되는 것들 자주 변하는 것들을 State로 만드는게 좋다