안녕하세요
[중요한 데이터는 변수말고 리액트 state로 만들랬죠] 강의( 4번째 강의 ) 에서
state를 쓰는 이유는 state에 담은 데이터의 값이 바뀌었을 때 바뀜을 인식하여 리렌더링되지만
일반 변수에 담을 때는 데이터 값이 바뀌어도 새로고침 후 바뀐 값이 화면에 보여진다 하셨는데
제 화면에서는 영상에서처럼 새로고침되지 않고 state와 같은 처리가 된 것처럼 리렌더링이 되었습니다.
현재 node.js 14버전이며
하단에 코드를 남기었고 posts의 값을 변경하였을 때 새로고침이 발생하지 않습니다.
새로 패치가 된 건지 아니면 제가 놓치고 있는 부분이 있는지
현 시점(버전) 에서 변수 값을 변경 시에 새로고침이 되어야 하는게 맞는건지 궁금합니다.
function App() {
let [글제목, 글제목변경] = useState(['남자 코트 추천', '강남 우동 맛집']);
let posts = '강남 고기 맛집';
return (
<div className="App">
<div className="black-nav">
<div>개발 Blog</div>
</div>
<div className="list">
<h3> { posts }</h3>
<p>2월 17일 발행</p>
<hr />
</div>
</div>
);
}
export default App;
