Skip to main content

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

info

This plugin is included in @babel/preset-react

Example

In

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

Out

JavaScript
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

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

Via CLI

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

Via Node API

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