React의 state변경

변수 문법을 두고 왜 굳이 state를 사용하는가.

변수와 state의 차이점

: 변수는 새로운 컨텐츠를 받아옴으로 변경이 되었을때 html도 자동으로 변경이 되어야하는데 여기서 바로 변경이 되지않지만 state는 갑작스러운 변경사항이 생겼을때 자동으로 html이 재랜더링 된다는것이다.

state를 쓰기 적절한때는 ? 변동시 자동으로 html에 반영되게 하고자 할때.
(로고나 배경은 굳이 그럴필요 x 변수로 하나 하드코딩하나 상관 無, 굳이 온갖것 state사용 x )

function App() {

let post = '강남 우동 맛집'
let [글제목, b] = useState('여자 코트 추천')

return (

<div className="App">
  <div className="blck-nav">
    <h4 style={ {color:'red', fontSize:'16px'} }>블로그</h4>
  </div>
  <h4>{ 글제목 }</h4>
  <p>2월 17일 발행</p>
  <p>{ post}</p>
</div>

);
}