안녕하세요.
모달창에서 자식 컴포넌트로 인자를 넘겨주는 방식으로 props 방식이 있다는 것을 배웠습니다.
며칠간 강의를 잘 듣다가 보니 의문이 생겨서 질문 드립니다.
{} 안에 모달창을 부르는 방식을 그냥 함수로 불러서 주어도 될것 같다는 생각이 들어서요
예를 들면
app 컴포넌트
let posts = '강남고기 맛집';
let [g1,b1] = useState(["남자코트추천","여자코트추천", "그냥코트추천"]);
{
modal === true ? My_app(g1,posts) : null //자식컴포넌트
}
//외부에서의 function 기능
function My_app(props,pp)
{
return(
<div className = 'modal'>
<h2>제목{props}</h2>
<p>날짜{pp}</p>
<p>상세내용</p>
</div>);
}
이런식으로 인자를 일반 프로그램언어(?) 와 같은 방식으로 던져 주어도 실행은 잘 되는걸 확인해서요
혹시 이렇게는 관습적으로 사용을 하지않고, 반드시 태그안에 인자를 맵핑하는 방식으로 인자를 보내주어야 되는 것인가요?
아니면 그렇게 맵핑을 해주는게, 장단점이 있어서 이런 방식으로 사용하는건지 궁금합니다.
감사합니다.
