@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
- Yarn
- pnpm
- Bun
npm install --save-dev @babel/plugin-transform-react-display-name
yarn add --dev @babel/plugin-transform-react-display-name
pnpm add --save-dev @babel/plugin-transform-react-display-name
bun add --dev @babel/plugin-transform-react-display-name
Usage
With a configuration file (Recommended)
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"],
});