Maison  >  Article  >  interface Web  >  qu'est-ce que le rendu conditionnel de réaction

qu'est-ce que le rendu conditionnel de réaction

青灯夜游
青灯夜游original
2022-07-13 18:32:102451parcourir

Dans React, le rendu conditionnel fait référence au rendu dans des conditions spécifiées. Si les conditions ne sont pas remplies, aucun rendu ne sera effectué ; certaine partie du contenu. Méthode de rendu conditionnel React : 1. Déclaration de jugement conditionnel, adaptée aux situations avec plus de logique ; 2. Opérateur ternaire, adapté aux situations avec une logique relativement simple 3. Opérateur ET "&&", adapté au rendu d'un certain élément si la condition est vraie ; Composant, si la condition n'est pas remplie, rien ne sera rendu.

qu'est-ce que le rendu conditionnel de réaction

L'environnement d'exploitation de ce tutoriel : système Windows 7, version React18, ordinateur Dell G3.

Le rendu conditionnel, comme son nom l'indique, signifie "rendu sous certaines conditions" et "ne pas rendre sous d'autres conditions" - un scénario if-else typique.

Réagir au rendu conditionnel

Dans certains cas, le contenu de l'interface affichera un contenu différent selon différentes situations, ou décidera s'il faut restituer une certaine partie du contenu :

  • En vue, nous contrôlerons via des instructions : Comme v-if, v-show ;
  • Dans React, tous les jugements conditionnels sont cohérents avec le code JavaScript ordinaire

Quelles sont les méthodes courantes de rendu conditionnel ?

Méthode 1 : Déclaration de jugement conditionnel

  • Convient aux situations avec plus de logique

quest-ce que le rendu conditionnel de réaction

Méthode 2 : Opérateur ternaire

  • Convient à une logique relativement simple

quest-ce que le rendu conditionnel de réaction
quest-ce que le rendu conditionnel de réaction

quest-ce que le rendu conditionnel de réaction

Méthode 3 : L'opérateur AND &&

  • convient. Si la condition est vraie, restituez un certain composant si la condition n'est pas vraie, rien ne sera rendu ; [Recommandations associées :

    Tutoriel vidéo Redis

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn