리액트 강의 Part 1. "props를 응용한 상세페이지 만들기" 에서 모달창 안 버튼을 누르면 제목이 '남자 코트 추천'에서 '여자 코트 추천'으로 바뀌도록 직접 만들어보라고 하셨는데요, 이렇게 해봤는데 맞는건가요?? ㅜㅜ 컨펌 부탁드립니다.
import { useState } from 'react';
function App() {
let [글제목, 글제목변경] = useState(['남자 코트 추천', '강남 우동 맛집', '파이썬독학']);
let [modal, setModal] = useState(false);
return (
......
{
modal == true ? <Modal 글제목변경={글제목변경} 글제목={글제목}/> : null
}
......
);
}
function Modal(props) {
return(
<div className='modal'>
<h4>{ props.글제목[0] }</h4>
<p>날짜</p>
<p>상세내용</p>
<button onClick={()=>{
let copy = [...props.글제목];
copy[0] = '여자 코트 추천';
props.글제목변경(copy);
}}>글수정</button>
</div>
)
}
이전 강의때 배웠으니까 알아서 해보라 영상에서 말씀하셔가지고 제가 해봤는데 일단 되는 것 같긴 한데 이 방식이 맞는지 짚고 넘어가야 제대로 배울 것 같아서요 ㅜㅜ 틀린 거나 또는 개선할 점 있으면 자세히 알려주시면 감사하겠습니다.
-
이 게시글은
고영태에 의해 10 월, 2 주 전에 수정됐습니다.