Part1. 4강: 중요한 데이터는 변수말고 state에 담습니다

바냐·2023년 3월 19일
0
  1. return() 소괄호 안에다가 작성
    • return() 안에는 병렬로 태그 2개이상 기입금지
  2. 자료를 잠깐 저장할 땐 state 사용
    • state 사용법
      1. import{useState}
      1. useState(보관할 자료)
      2. let[작명a, 작명b]
      • a -> 이름, b -> State 변경함수
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로 만드는게 좋다

0개의 댓글