反応におけるスイッチの使用法は何ですか

react では、スイッチはルートが 1 つのパスのみをレンダリングすることを保証するために使用され、ルートの一意のレンダリングを解決するために使用されます。「」パッケージを使用すると、一致した後に停止します。レンダリングでは、「」パッケージを使用しない場合、一致する各「」がレンダリングされます。

# このチュートリアルの動作環境: Windows 10 システム、React バージョン 17.0 .1、Dell G3 コンピューター。

react での switch の使用法について

一致したすべての がレンダリングされ、 でラップされ、1 つのパスのみがレンダリングされます

Inルートの固有のレンダリングを解決するには、ルートが 1 つのパスのみをレンダリングするようにする必要があります。

は 1 つのパスのみをレンダリングするという点で独特であり、パスに一致するとレンダリングを停止します。対照的に ( パッケージを使用しない場合)、場所に一致するすべての がレンダリングされます。

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

#If

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

# が構成されていない場合 # #推奨される学習: 「react ビデオ チュートリアル

」

以上が反応におけるスイッチの使用法は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。