A quoi sert switch en réaction

Dans React, switch est utilisé pour garantir que l'itinéraire ne restitue qu'un seul chemin et est utilisé pour résoudre le rendu unique de l'itinéraire lors de l'utilisation du package "". arrêter. Si vous n'utilisez pas le wrapper "", chaque "" correspondant sera rendu.

L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 17.0.1, ordinateur Dell G3.

À quoi sert switch dans React

Chaque correspondant sera rendu, enveloppé avec , un seul chemin sera rendu

Afin de résoudre le rendu unique de la route, c'est pour garantir que l'itinéraire ne restitue qu'un seul chemin.

est unique car il ne restitue qu'un seul chemin. Lorsqu'il correspond à un chemin, il arrête le rendu. En revanche (sans le package ), chaque correspondant à l'emplacement sera rendu.

Si

<Router history={history}>
    <Switch>
        <Route path=&#39;/home&#39; render={()=>(<div>首页</div>)}/>
        <Route path=&#39;/home&#39; component={()=>(<div>首页</div>)}/>
    </Switch>
</Router>

Si n'est pas configuré,

<Router history={history}>
    <Route path=&#39;/home&#39; render={()=>(<div>首页</div>)}/>
    <Route path=&#39;/home&#39; render={()=>(<div>首页</div>)}/>
</Router>

Apprentissage recommandé : "Tutoriel vidéo React"

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!