Je suivais un tutoriel React here. Dans la quatrième leçon, j'ai créé une section App.propTypes
. Quand je cours le code React me donne une erreur en disant TypeError: Cannot read property 'string' of undefined
quand j'ouvre ma console l'erreur indique . Je suis alors allé de l'avant et installé le paquet npm prop-types et l'ai importé dans mon code, mais je me retrouve toujours avec la même erreur. Je vais inclure mon code ci-dessous. J'utilise la version de noeud v8.5.0. Peut-être que je devrais essayer de trouver la version du noeud que le tutoriel utilise pour que ma version de React corresponde, mais je ne sais même pas si je peux le trouver, je voudrais que les tutoriels spécifient ce genre de choses, ça ressemble à ça Le tutoriel a 2 ans, ce qui explique probablement pourquoi j'ai cette divergence.React.PropTypes est dépréciée et moi avons installé prop-types package
src/app.js
import React from 'react';
import PropTypes from 'prop-types';
class App extends React.Component{
render(){
let txt = this.props.txt
return (
<div>
<h1>{txt}</h1>
<b>bold</b>
</div>
)
}
}
App.propTypes = {
txt: React.PropTypes.string,
cat: React.PropTypes.number.isRequired
}
export default App;
/src/index.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
ReactDOM.render(
<App cat={5} txt="this is the prop value" />,
document.getElementById('root')
);
'txt: React.PropTypes.string' =>' txt: PropTypes.string' –