2. Props 전달하기

Props 각 컴포넌트들은 props를 통해 소통합니다.    아래에서 이름에 해당하는 부분을 ChatBox에서 결정해준다고 하면, 함수의 소괄호(parenthesis) 안에 props를 정의하고마크업에서는 중괄호(brace)로 해당 이름을 감싸서 사용합니다.export default function ChatHeader({ name }: { name: string }) { return ( Chat with {name} );} 그러면 ChatBox 입장에서 아래처럼 어트리뷰트로 값을 줄 수 있습니다.import ChatHeader from "./ChatHeader";export default function ChatBox() { return ..

2024.06.09