state 사용이유

변수대신 state를 사용하는 이유에 대해서 이해가 안됩니다.

state사용시

function App(){ let [글제목, b] = useState('남자 코트 추천'); return ( <h4>{ 글제목 }</h4> ) }
이렇게 가정했을때
남자를 여자로 변경하면 된다고 했는데 

변수도 똑같이 
function App(){ let post = '강남 우동 맛집' return ( <h4>{ post }</h4> ) } 
이렇게 가정했을때 
강남을 역삼으로 바꾸면 되는것 아닌가요?

근데 설명에 보면 변수는 변수내용이 바뀌었으니까 html도 고쳐달라는 코드를 짜야된다고 하는데 안짜도 되는거아닌가요?

설명이 잘이해가 안되서 차이를 잘모르겠습니다ㅜㅜ