function App() {
let [title] = useState(['남자 코트 추천', '맛집 추천', '여자 코트 추천']);
let [like, up] = useState([0,0,0]);
let [modal, setModal] = useState(false);
return (
<div className="App">
<div className="black-nav">
<h4>블로그임</h4>
</div>
{
title.map(function(a,i){
return(
<div className="list" key={i}>
<h4 onClick={()=>{setModal(!modal)}}>{title[i]}
</h4>
<span onClick={()=>{
let copy =[...like];
copy[i] = copy[i] +1;
up(copy);
}}>👍</span> {like[i]}
<p>1월 27일 발행</p>
</div>
)
})
}
{
modal == true ? <Modal></Modal> : null
}
</div>
);
}
function Modal(){
return(
<div className="modal" >
<h4>제목</h4>
<p>날짜</p>
<p>상세내용</p>
</div>
)
}
여기서 sapn태그 누르면 타입에러가 나는데 도통 이유를 모르겠습니다ㅠㅠ