babel/packages/babel-plugin-transform-react-display-name

@babel/plugin-transform-react-display-name

Add displayName to createReactClass (and React.createClass) calls

Example

In

var foo = React.createClass({}); // React <= 15
var bar = createReactClass({});  // React 16+

Out

var foo = React.createClass({
  displayName: "foo"
}); // React <= 15
var bar = createReactClass({
  displayName: "bar"
}); // React 16+

Installation

npm install --save-dev @babel/plugin-transform-react-display-name

Usage

Via .babelrc (Recommended)

.babelrc

{
  "plugins": ["@babel/plugin-transform-react-display-name"]
}

Via CLI

babel --plugins @babel/plugin-transform-react-display-name script.js

Via Node API

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