babel-plugin-react-wrapped-display-name

>

[![npm version][npm-image]][npm-url]
[![build status][travis-image]][travis-url]
[![codecov][codecov-image]][codecov-url]

Solve problem with unnamed component, which created with arrow function.

Example

$3

``jsx harmony

export const FancyComponentName = memo(
({ name }) =>

`

$3

`jsx harmony
export const FancyComponentName = memo(
({ name }) =>

FancyComponentName.displayName = "Memo(FancyComponentName)";
`

Installation

`sh
npm install @babel/core babel-plugin-react-wrapped-display-name
`

Usage

$3

`js
module.exports = (api) => ({
plugins: [
'babel-plugin-react-wrapped-display-name',
],
});
`

$3

`sh
babel --plugins babel-plugin-react-wrapped-display-name
`

$3

`js
require('@babel/core').transform(code, {
plugins: [
'babel-plugin-react-wrapped-display-name',
],
});
``

Options

[codecov-image]: https://codecov.io/gh/laiff/babel-plugin-react-wrapped-display-name/branch/master/graph/badge.svg
[codecov-url]: https://codecov.io/gh/laiff/babel-plugin-react-wrapped-display-name
[npm-image]: https://img.shields.io/npm/v/babel-plugin-react-wrapped-display-name.svg
[npm-url]: https://www.npmjs.com/package/babel-plugin-react-wrapped-display-name
[travis-image]: https://img.shields.io/travis/laiff/babel-plugin-react-wrapped-display-name.svg
[travis-url]: https://travis-ci.org/laiff/babel-plugin-react-wrapped-display-name