제목 클릭시 모달창이 안 뜹니다

안녕하세요. 리액트 수강자입니다. 현재 자식이 부모의 state 가져다쓰고 싶을 때는 props 초반 부분을 듣고있는데 그 전 강의까지는 제목 클릭시 잘 뜨던 모달창이 갑자기 안 떠 질문드립니다.
혹시 아래의 코드에서 어떤 부분이 잘못 되었는지 알려주실 수 있으신가요?

function App() {

  let post='블로그 글 제목';
  let [글제목,글제목변경] = useState(['남자 코트 추천','강남 우동맛집','파이썬독학']);
  let [따봉,따봉변경]=useState([0,0,0]);
  let [modal,setModal] = useState (false);

  return (
    <div className="App">
      <div className="black-nav">
        <h4>ReactBlog</h4>     
      </div>

      {
        글제목.map(function(a,i){
          return(
            <div className="list" key={i}>
              <h4 onclick={()=>{setModal(true)}}>{글제목[i]} <span onClick={()=>{
                let copy = [...따봉];
                copy[i] = copy[i]+1;
                따봉변경(copy)}}>👍</span> {따봉[i]}</h4>
              <p>2월 17일 발행</p>
            </div>
          )
        })
      }

      {
        modal == true? <Modal/> : null
      }

    </div>
  );
}

function Modal(){
  return(
    <div className="modal">
        <h4>제목</h4>
        <p>날짜</p>
        <p>상세내용</p>
    </div>
  )

}

export default App;