Modèles de migration du code source React 19
Référence pour chaque migration de fichier source requise pour React 19.
Tableau de référence rapide
| Modèle | Action | Référence |
|---|---|---|
ReactDOM.render(...) |
→ createRoot().render() |
Voir references/api-migrations.md |
ReactDOM.hydrate(...) |
→ hydrateRoot(...) |
Voir references/api-migrations.md |
unmountComponentAtNode |
→ root.unmount() |
Correction inline |
ReactDOM.findDOMNode |
→ ref directe | Correction inline |
Wrapper forwardRef(...) |
→ ref comme prop directe | Voir references/api-migrations.md |
Component.defaultProps = {} |
→ paramètres par défaut ES6 | Voir references/api-migrations.md |
useRef() sans argument |
→ useRef(null) |
Correction inline ajouter null |
| Legacy Context | → createContext |
→ api-migrations.md#legacy-context |
Refs en chaîne this.refs.x |
→ createRef() |
→ api-migrations.md#string-refs |
import React from 'react' (inutilisé) |
Supprimer | Seulement si aucune utilisation de React. dans le fichier |
Règle PropTypes
Ne pas supprimer les assignations .propTypes. Le package prop-types fonctionne toujours comme validateur autonome. React 19 supprime uniquement la vérification runtime intégrée du package React le package lui-même reste valide.
Ajoutez ce commentaire au-dessus de tout bloc .propTypes :
// NOTE: React 19 ne valide plus les propTypes à l'exécution.
// PropTypes conservés à titre de documentation et d'outillage IDE uniquement.Consultez la référence
Pour le code complet avant/après pour chaque migration, consultez references/api-migrations.md. Elle contient les modèles complets incluant les cas limites pour forwardRef avec useImperativeHandle, le comportement null vs undefined de defaultProps, et les migrations cross-fichier provider/consumer du contexte legacy.