CODEWITHSUNDEEP
reactjscomponentsdisplayname-attribute
Ale TheFe
Ale TheFe

Reputation: 1711

How to import the same component multiple times in order to set different displayNames?

I'm importing the Button component from our design-system. I want to import it multiple times by renaming it (e.g. import {Button as Btn, Button as MyBtn} from 'design-system' and then assign different displayName to them, via:

Btn.displayName = 'Btn';
MyBtn.displayName = 'MyBtn';

React however is giving MyBtn to all the Buttons present in the component. How can I achieve my objective?

Upvotes: 1

Views: 225

Answers (0)

Related Questions