에러

[유한진]

아래 사진과 같은 오류가 뜨는데 도와주시면 감사하겠습니다

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

function App() {

  let post='강남우동맛집';
  let [글제목,제목변경]=useState(['남자코트추천','강남우동맛집','파이썬독학']);
  
  let num=[1,2];
let [modal,setmodal]=useState(false);  

let [따봉,따봉변경]=useState(0)
let [따봉1,따봉변경1]=useState(0)
let [따봉2,따봉변경2]=useState(0)

let [title,settitle]=useState(0);

let[a,c]=[1,2];

[1,2,3].map(function(){
  console.log(1)
})
{
  
  return (
    <div className="App">
      <div className='black'>
        <h4 style={{color:'red'}}>블로그임</h4>
      </div>

      <div className='list'>
        <h4 onclick={()=>{setmodal(true)}}>{글제목[0]}
        </h4>
<p>2월 17일 발행</p>
      </div>

      <div className='list'>
        <h4>{글제목[1]}</h4>
<p>2월 17일 발행</p>
      </div>
       <div className='list'>
         <h4 onClick={()=>{setmodal(true)}}>{글제목[2]}</h4>
<p>2월 17일 발행</p>
    </div>
     
      {
    글제목.map(function(a,i){
      return ( <div className='list'>
      <h4 onclick={()=>{setmodal(true); settitle(i)}}>{글제목[i]}
      </h4>
  <p>2월 17일 발행</p>
    </div>)
    })
  }  

{
  modal==true?<Modal title={title} 작명={글제목}/>:null
}    
    </div>
  
  );
  
}}

function Modal(props){
  return(
    <div className="modal" style={{backgroundColor:'skyblue'}}>
    <h4>{props.글제목[props.title]}</h4>
        <p>날짜</p>
        <p>상세내용</p>
        <button>글수정</button>
        </div>
  )

}

[codingapple]

글제목이라는 props 안보내고있어서 props.글제목이 없다는듯요

[글쓴이]

글