각 컴포넌트를 감싸는 공통 컴포넌트 맹글기( + propTypes)
import PropTypes from "prop-types";
import Link from 'next/link'
import React from 'react'
const AppLayout = ({ children }) => {
return (
<>
<Link href = "/Espanõl"><a>Hola</a></Link>
<Link href = "/한국어"><a>안녕</a></Link>
<Link href = "/English"><a>Hi</a></Link>
{children}
</>
);
};
AppLayout.propTypes = {
children: PropTypes.node.isRequired,
};
export default AppLayout;
발견 1.
저렇게 children props를 이용해서 감쌀 수 있었다......
발견 2.
AppLayout.propTypes = {
children: PropTypes.node.isRequired,
};
리액트에서 prop의 타입을 지정해주어 오류를 줄일 수 있는 방법이 있었음. 사용은 안할 것 같음.
자세한 설명은 코드를 보도록.
Author And Source
이 문제에 관하여(각 컴포넌트를 감싸는 공통 컴포넌트 맹글기( + propTypes)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@vagabondms/각-컴포넌트를-감싸는-공통-컴포넌트-맹글기-propTypes저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)