babel-plugin-add-display-name
v0.0.9
Published
Automatically add displayName to all your components
Downloads
90
Readme
babel-plugin-add-display-name
fork by babel-plugin-add-react-displayname 0.0.5.
Solved the problem that component name cannot show up in react devtools caused by jsx fragment.
Overview
Automatically detects and sets displayName for React components. This is useful for having real component names show up in production builds of React apps.
Babel already does this for React.createClass
style components, this adds support for the two other kinds of component definitions:
- ES6-classes style components
- Stateless components that return JSX
Installation
Simply add add-react-displayname
to your .babelrc
file:
{
"plugins": ["add-react-displayname"]
}
Troubleshooting
Doesn't work for decorated classes
If you are using the transform-decorators-legacy
plugin, make sure it's placed after this plugin in your plugin list.
Testing
npm test