2017-04-24 1 views
2

Comme j'utilise PropTypes de la bibliothèque react.js et CreateClass je suis un peu inquiet que les deux sont déconseillés sur la prochaine version majeure de react.js. Après la mise à jour pour réagir à la version 15, je reçois les avertissements à ce sujet. J'ai lu qu'il y a un script qui peut le refactoriser automatiquement (extraire PropTypes à la nouvelle bibliothèque) mais ne peut pas le trouver maintenant. Quelqu'un at-il essayé ce script et peut-il partager son expérience avec celui-ci?réagissent PropTypes V15 et CreateClass

(et sais où je peux le trouver bien sûr)

Et comment est-il prudent de garder ma syntaxe actuelle? Quels sont les inconvénients à côté de perdre la possibilité de migrer vers v16 (fibre)

+0

S'il vous plaît jeter un oeil au poste de blog officiel: https://facebook.github.io/react/blog/2017/04/07/react-v15 .5.0.html Ils ont extrait 'React.PropTypes' et' React.createClass' dans leurs propres paquets pour garder la bibliothèque de base plus petite.Vous pouvez migrer vers React 16 en utilisant ['create-react-class'] (https://www.npmjs.com/package/create-react-class) et [' prop-types'] (https: // www .npmjs.com/package/prop-types). –

+0

merci, je vais lire ceci. – jasDotnet

Répondre

0

Je crois que vous cherchez react-codemod qui utilise jscodeshift.

Je viens couru à travers l'autre jour, et est ici la version distillée de ce que vous devez faire:

  1. Installation jscodeshift au niveau mondial:
    • npm install -g jscodeshift
  2. Clone le référentiel react-codemod:
    • git clone https://github.com/reactjs/react-codemod.git
  3. Installer les dépendances pour react-codemod:
    • cd ./react-codemod
    • npm install
  4. répertoires vers votre projet:
    • cd ../my-project
  5. Exécuter le changement de code en spécifiant un fichier de transformation:
    • que nous voulons fixer PropTypes et nos composants sont situés dans /my-project/src
      • jscodeshift -t ../react-codemod/transforms/React-PropTypes-to-prop-types.js ./src

Si tout va bien, vous devriez voir les fichiers jscodeshift de traitement N:

enter image description here

+0

je vous remercie pour l'aide – jasDotnet