Function withDisplayName

creates an empty component with a given display name for debugging the component tree

Example

const Component = withDisplayName('SomeName')(Example);
<Component {...props} />
// is equivalent to
<SomeName> // this is just a Fragment with displayName property as `SomeName`
  <Example {...props} />
</SomeName>
Copy

Example

withDisplayName('SomeName')(Example);
// or
withDisplayName('SomeName', Example);
// or
withDisplayName((Component) => 'SomeName.' + componentDisplayName.get(Component))(Example);
// or
withHocs([withDisplayName('SomeName')])(Example);
Copy

creates an empty component with a given display name for debugging the component tree

Example

const Component = withDisplayName('SomeName')(Example);
<Component {...props} />
// is equivalent to
<SomeName> // this is just a Fragment with displayName property as `SomeName`
  <Example {...props} />
</SomeName>
Copy

Example

withDisplayName('SomeName')(Example);
// or
withDisplayName('SomeName', Example);
// or
withDisplayName((Component) => 'SomeName.' + componentDisplayName.get(Component))(Example);
// or
withHocs([withDisplayName('SomeName')])(Example);
Copy

creates an empty component with a given display name for debugging the component tree

Example

const Component = withDisplayName('SomeName')(Example);
<Component {...props} />
// is equivalent to
<SomeName> // this is just a Fragment with displayName property as `SomeName`
  <Example {...props} />
</SomeName>
Copy

Example

withDisplayName('SomeName')(Example);
// or
withDisplayName('SomeName', Example);
// or
withDisplayName((Component) => 'SomeName.' + componentDisplayName.get(Component))(Example);
// or
withHocs([withDisplayName('SomeName')])(Example);
Copy

creates an empty component with a given display name for debugging the component tree

Example

const Component = withDisplayName('SomeName')(Example);
<Component {...props} />
// is equivalent to
<SomeName> // this is just a Fragment with displayName property as `SomeName`
  <Example {...props} />
</SomeName>
Copy

Example

withDisplayName('SomeName')(Example);
// or
withDisplayName('SomeName', Example);
// or
withDisplayName((Component) => 'SomeName.' + componentDisplayName.get(Component))(Example);
// or
withHocs([withDisplayName('SomeName')])(Example);
Copy