array, object state 변경하는 법 예제 중 질문입니다

[이연수]

선생님 array, object state 변경하는 법 강의 예제에서 나온대로 하면 버튼을 클릭해도 변경이 되지 않는데요
원래 저대로 하면 값이 변경되지 않는게 맞나요?

코드 첨부합니다

function App() {
  let arr = ['남자코트추천', '강남우동맛집', '파이썬독학'];
  let [Title, setTitle] = useState(arr);

  return (
    <div className="App">
      <div className="black-nav">
        <h4>블로그</h4>
      </div>
      <div className="list">
        <h4>{ Title[0] }</h4>
        <p>10월 19일 발행</p>
      </div>
      <div className="list">
        <h4>{ Title[1] }</h4>
        <p>10월 19일 발행</p>
      </div>
      <div className="list">
        <h4>{ Title[2] }</h4>
        <p>10월 19일 발행</p>
      </div>
      <button onClick={() => {
        Title[0] = '여자코트추천';
        setTitle(Title)
        }}> Click </button>
    </div>
  );
}

[codingapple]

원래안됩니다

[글쓴이]

글