Archivée
class Comments extends React.Component {
constructor(props) {
super(props);
this.state = {
comments: [],
isFetching: true
}
}
shouldComponentUpdate(nextProps, nextState) {
return nextState.comments.length !== this.state.comments.length;
}
componentDidMount() {
fetchComments().then((comments) => {
this.setState({ comments, isFetching: false });
})
}
render() {
return (
<div>
{ this.state.isFetching
? <p>Loading...</p>
: this.state.comments.map((comment, i) => <p key={i}>{ comment }</p>)
}
</div>
);
}
}
Cochez la(les) affirmation(s) qui est(sont) vraie(s) :
Auteur: Victor SabatierStatut : ArchivéeQuestion passée 1366 fois
-3
Évaluations de la communauté
Questions similairesPlus de questions sur React
6
Améliorer ce composant React pour qu'il affiche "Vert" par défaut.6
Écrire une fonction React qui récupère les commentaires et les passe à un composant.4
Comment soumettre un formulaire en React4
Optimiser un composant React en implémentant shouldComponentUpdate3
Corrigez le composant React suivant : Scroller