Aller au contenu principal

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

Traduction Bêta Non Officielle

Cette page a été traduite par PageTurner AI (bêta). Non approuvée officiellement par le projet. Vous avez trouvé une erreur ? Signaler un problème →

info

Ce plugin est inclus dans @babel/preset-react

Exemple​

Entrée

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

Sortie

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

Utilisation​

Avec un fichier de configuration (Recommandé)​

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

Via CLI​

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

Via l'API Node​

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