mergeProps
mergeProps
는 여러 props 객체들을 하나의 객체로 병합하는 유틸리티 함수예요. className
, style
, 그리고 function
속성의 병합을 처리해요.
인터페이스
ts
function mergeProps<PropsList>(
props: PropsList
): TupleToIntersection<PropsList>;
파라미터
- propsrequired · PropsList
병합할 props 객체들이에요.
반환 값
- TupleToIntersection<PropsList>
병합된 props 객체예요.
예시
tsx
const mergedProps = mergeProps(
{ className: 'foo', style: { color: 'red' } },
{ className: 'bar', style: { backgroundColor: 'blue' } }
);
console.log(mergedProps); // { className: 'foo bar', style: { color: 'red', backgroundColor: 'blue' } }