map 함수 오류 질문

저장이라는 버튼을 누르면

map이라는 함수를 읽을 수 없다고 나와요 

밑에 코드 첨부합니다

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

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

  let [modal, modal변경] = useState(false);
  let posts = "고기맛집";
  let [따봉, 따봉변경] = useState(0);
  let [누른제목, 누른제목변경] = useState(0);
  let [입력값, 입력값변경] = useState("");
  // function changeArray() {
  // var newArray = [...글제목];
  //  newArray.sort();
  //  글제목변경(newArray);
  //}

  return (
    <div className="App">
      <div className="black-nav">
        <div>개발 Blog</div>
      </div>

      {글제목.map(function (글, i) {
        return (
          <div className="list" key={i}>
            <h3
              onClick={() => {
                누른제목변경(i);
              }}
            >
              {글}
            </h3>
            <span
              onClick={() => {
                따봉변경(따봉 + 1);
              }}
            >
              ?
            </span>
            {따봉}
            <p>2월 18일 발행</p>
            <hr />
          </div>
        );
      })}

      {/*<button
        onClick={() => {
          누른제목변경(0);
        }}
      >
        버튼1
      </button>
      <button
        onClick={() => {
          누른제목변경(1);
        }}
      >
        버튼2{" "}
      </button>
      <button
        onClick={() => {
          누른제목변경(2);
        }}
      >
        버튼3
      </button>
      */}

      <div className="publish">
        <input
          onChange={(e) => {
            입력값변경(e.target.value);
          }}
        />
        <button
          onClick={() => {
            글제목변경([
              { 입력값 },
              "남자코트 추천",
              "강남 우동맛집",
              "파이썬독학",
            ]);
          }}
        >
          저장
        </button>
      </div>

      <button
        onClick={() => {
          modal변경(!modal);
        }}
      >
        열고닫기
      </button>

      {modal === true ? (
        <Modal 글제목={글제목} 누른제목={누른제목}></Modal>
      ) : null}
    </div>
  );
}

function Modal(props) {
  return (
    <div className="modal">
      <h2>{props.글제목[props.누른제목]}</h2>
      <p>날짜</p>
      <p>상세내용</p>
    </div>
  );
}

export default App;