Skip to content

Instantly share code, notes, and snippets.

@rudfoss

rudfoss/ExtendedPropsComponent.tsx

Last active May 28, 2022 11:37
Show Gist options
  • Save rudfoss/30615a4e8b99dece4a387b9b2b854973 to your computer and use it in GitHub Desktop.
Save rudfoss/30615a4e8b99dece4a387b9b2b854973 to your computer and use it in GitHub Desktop.
Download ZIP
React functional component with extended props
Raw
ExtendedPropsComponent.tsx
import React from "react";
// This can be defined in some other file as well.
interface SharedProps {
active: boolean
title?: string
}
type MyProps = Omit<SharedProps, "title"> & {
specialTitle: string
}
export const ExtendedPropsComponent = ({active, specialTitle = ""}: MyProps) => {
//...
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment