자식 요소를 사용하여 하위 구성 요소를 노출하는 코드를 작성할 때 TypeScript에서 어떤 유형을 사용합니까?
칠드런드란?
이들은 태그와 그 사이의 모든 것을 나타내는 데 사용되는 특수 소품입니다.
다시 말해서,
1) JavaScript에서 자식을 사용하는 방법
Wrapper.js
import React from 'react';
function Wrapper({ children }) {
const style = {
border: '2px solid black',
padding: '16px',
};
return (
<div style={style}>
{children}
</div>
)
}
export default Wrapper;2) TypeScript에서 자식 사용
Wrapper.js
import React from 'react';
type WrapperProps = {
children: React.ReactNode;
}
function Wrapper({ children }) {
const style = {
border: '2px solid black',
padding: '16px',
};
return (
<div style={style}>
{children}
</div>
)
}
export default Wrapper;