반응에서 스위치의 사용법은 무엇입니까

반응에서 스위치는 경로가 하나의 경로만 렌더링하도록 하고 "" 패키지를 사용할 때 경로의 고유한 렌더링을 해결하는 데 사용됩니다. 중지합니다. "" 래퍼를 사용하지 않으면 일치하는 각 ""가 렌더링됩니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 17.0.1, Dell G3 컴퓨터.

반응에서 스위치의 사용법은 무엇입니까

일치하는 모든 가 렌더링되고 로 래핑되며 단 하나의 경로만 렌더링됩니다.

경로의 고유한 렌더링을 해결하기 위해 이것은 다음과 같습니다. 경로가 하나의 경로만 렌더링하도록 합니다.

는 하나의 경로만 렌더링하기 때문에 고유합니다. 대조적으로( 패키지 없이) 위치와 일치하는 모든 가 렌더링됩니다.

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

가 구성되지 않은 경우

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

추천 학습: "react 비디오 튜토리얼"

위 내용은 반응에서 스위치의 사용법은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!