[React] List 클릭 시 modal 띄우기 w/ props
list item을 클릭하면 해당 item에 맞는 object정보를 담은 modal을 띄우고, 그 안에 정보들을 표시해보도록 합니다. JavaScript 기초 지식이 없어서 쩔쩔 해맸음ㅜㅜ 🤔 어디까지나 제가 대충 이해한 내용으로 정리했을 뿐, 정확하지 않습니다..! 우선 modal은 다른 컴포넌트로 분리합니다. function Modal() { return ( 제목 종류 ❌ 📌: 주소 📞: 전화번호 📆: 방문일 ); } Modal컴포넌트는 list들이 map()을 통해 나열되도록 만든 부분 아래에 두었습니다. return ( 블로그 남천동 맛집리스트 정렬변경 {contents.length > 0 ? ( contents.map((content, index) => ( {content.title} {cont..
Study with me
2022. 12. 28. 01:41
