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 1367 fois
-3
Évaluations de la communautéPersonne n'a encore évalué cette question, soyez le premier !
3
Corrigez le composant React suivant : Scroller7
Améliorer ce composant React pour qu'il affiche "Vert" par défaut.3
Écrire le code manquant pour afficher les enfants du composant UserProfile.3
Écrire un composant React en tant que fonction6
Écrire une fonction React qui récupère les commentaires et les passe à un composant.7
Comment soumettre un formulaire en React7
Optimiser un composant React en implémentant shouldComponentUpdate