Open Dolphin-PC opened 1 month ago
예)
// Button.tsx type TProps = { className?: HTMLButtonElement["className"]; children: React.ReactNode; }; const Button = (props: TProps) => { return ( <button className={`w-full p-2 rounded-md ${props.className}`}> {props.children} </button> ); }; export default Button; // MainPage.tsx > TodoForm.tsx <Button className="bg-blue-300">추가하기</Button>;
이럴 경우, Button에 onClick이벤트를 붙이고 싶을 때, Button.tsx의 Props로 onClick을 추가해주어야 하는 번거로움이 존재할 것 같습니다.
Button.tsx
기술 매니저님과의 면담 내용 정리
비추천
내용
💬 기본 틀을 setting해놓고, 활용하는 화면에서 custom하게 하고 싶을 때, button의 property를 그대로 사용할 수 있는 효율적인 방법이 있을까요?
예)
이럴 경우, Button에 onClick이벤트를 붙이고 싶을 때,
Button.tsx
의 Props로 onClick을 추가해주어야 하는 번거로움이 존재할 것 같습니다.❗️ 이러한 번거로움을 해결할 수 있는 방법이 있을까 궁금합니다.