Search⌘ K
Home/
Courses/
Using TypeScript for Building Polymorphic React Components

Using a Generic Polymorphic Prop

Learn to leverage TypeScript generics for a robust polymorphic prop.

We'll cover the following...

We have spent some time building a basic version of a polymorphic component, as shown below.

TypeScript 3.3.4
const MyComponent = ({ as, children }) => {
  const Component = as || "span";
  return <Component>{children}</Component>;
};

Let's change the name of the component from MyComponent to PolymorphicText. We will now focus on building a polymorphic text component.

Constraining the

...