글제목변경 부분 질문있어요

[김시훈]

/* eslint-disable */

import logo from './logo.svg';
import './App.css';
import {useState} from "react";

function App() {
    let [글제목,글제목변경] = useState(['남자 코트 추천', '강남 우동 맛집', '파이썬 독학']);

    let [따봉, 따봉변경] = useState(0);
    
  return (
      <div className="App">
          {/* html, css 작성해서 디자인*/}
          <div className="black-nav">
              <h4>ReactBlog</h4>
          </div>

          <div className="list">
              <h4>{글제목[0]} <span onClick={() => {
                  따봉변경(따봉 + 1)
              }}>👍</span> {따봉} </h4>

              <p>2월 17일 발행</p>

              <button onClick={ () => {
                  글제목[0] = '여자 코트 추천';
                  글제목변경(...글제목)
                  console.log("1: " + 글제목[0] + "\n" + "2: " +  글제목[1])
              }}>수정</button>
          </div>

          <div className="list">
              <h4>{글제목[1]}</h4>
              <p>2월 17일 발행</p>
          </div>

          <div className="list">
              <h4>{글제목[2]}</h4>
              <p>2월 17일 발행</p>
          </div>

      </div>
  );
}

export default App;

버튼 클릭 시 첫 번째 글의 글제목이 변경되는 기능 부분인데 이렇게 코드를 작성하면 안돼는 이유가 궁금합니다.

버튼을 클릭하면 아래의 사진과 같이 나와요

[codingapple]

글제목변경(...글제목)
글제목 변수는 array자료같은데 굳이 ...으로 괄호벗길 필요는 없습니다

[글쓴이]

글