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

Traduzione Beta Non Ufficiale

Questa pagina è stata tradotta da PageTurner AI (beta). Non ufficialmente approvata dal progetto. Hai trovato un errore? Segnala problema →

informazioni

Questo plugin è incluso in @babel/preset-react

Esempio

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+

Installazione

npm

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

Yarn

yarn add --dev @babel/plugin-transform-react-display-name

pnpm

pnpm add --save-dev @babel/plugin-transform-react-display-name

Bun

bun add --dev @babel/plugin-transform-react-display-name

Utilizzo

Con un file di configurazione (Consigliato)

babel.config.json

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

Tramite CLI

Shell

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

Tramite Node API

JavaScript

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