리액트 컴포넌트는 props를 사용해 서로 통신한다.
부모는 자식에게 객체, 배열, 함수를 포함한 모든 JS 프로퍼티 값들을 전달할 수 있다.
function Avatar({ person, size }) {
// ...
}
function Avatar(props) {
let person = props.person;
let size = props.size;
// ...
}
//propsr가 많을 시 spread 구문 사용 가능
function Profile(props) {
return (
<div className="card">
<Avatar {...props} />
</div>
);
}
<Suspense fallback={<Loading />}>
<Albums />
</Suspense>
import { lazy } from 'react';
const MarkdownPreview = lazy(() => import('./MarkdownPreview.js'));