MongoDB
 sql >> Base de données >  >> NoSQL >> MongoDB

dans React, j'appelle deux listes à la page de mongo et je veux cliquer sur l'une pour filtrer ce qui est affiché dans l'autre

Tout d'abord, vous pourriez avoir une petite faute de frappe dans le premier bloc de code que vous avez posté. Une toux (un symptôme) devrait avoir un éventail de conditions, pas un éventail d'autres symptômes, n'est-ce pas ?

Quoi qu'il en soit, vous voudrez probablement inclure une propriété d'état appelée quelque chose comme 'selectedSymptom' qui est mise à jour chaque fois que vous sélectionnez un symptôme différent.

Ensuite, dans la section Conditions, au lieu d'afficher la liste complète des conditions, vous pouvez simplement filtrer celles qui incluent le symptôme sélectionné dans leur tableau de symptômes.

{this.state.conditions
  .filter(condition => condition.symptoms.includes(this.state.selectedSymptom))
  .map(item => (
    <ListItem key={item.ObjectID}>
       {item.name}
    </ListItem>
  ))
}