J'affiche des données sur une grille à l'aide de l'extrait d'extrait de ci-dessous ` ` Ceci retourne assez mal de données, donc j'ai un peu fait une console simple.log qui reflète les données que je revenez. qui retourne comme vous peut voir, je reçois assez de quelques objets vides, ce qui réagit de rendu et d'affichage .. Comment puis-je supprimer ces objets vides? Je suis au courant de Array.Filter, mais je ne suis pas sûr de l'appliquer à mon JSX retourne mêmes résultats avec la solution fournie par @YourFavouriteDev
3 Réponses :
Vous pouvez vérifier l'attribut en fonction de votre approche longueur .
Où puis-je le brancher exactement?
Cela finit par vider tous mes matrices
@invrt Pouvez-vous partager la manière dont vous utilisez cette approche?
Ah oui, ça marche ... Comment mapper les résultats retournés? (Faites-vous travailler pour le premier extrait)
Array.filter serait probablement votre meilleure option. Dans votre cas, vous feriez quelque chose comme.
{(qc.BinsByDayByOrchardsQCs.map((qc2) => qc2.BinsByDayByOrchardsQCsDefects).filter((arrays) => arrays.length > 0 ).map((qc3) => {
return (
<div onChange={this.removeEmpty} className="row table">{qc3.Count}</div>
)
})}
@invrt. Désolé pour ça. J'ai édité ma réponse pour vous après avoir réalisé ce que j'avais initialement ne fonctionnerait définitivement pas pour votre scénario. Pouvez-vous donner cela un essai. Branchez-le dans l'endroit où vous exécutez le {} comme dans votre exemple.
Cela finit par vider tous mes matrices
Je pense que vous pouvez filtrer le tableau d'abord avant la boucle si votre binsbydayorchardsqcsdefects sera vide aussi, alors vous pouvez filtrer à nouveau. < Pré> xxx