반응 라우터를 사용하여 유사한 경로에 대해 다른 구성 요소로 라우팅

멋진

나는 다른 구성 요소로 라우팅하려고하지만 마지막 경로는 그것을 잡는 것입니다.

<Switch>
    <Route path="/users" exact strict component={Users}/> // this one works fine
    <Route path="/users/new" exact strict component={NewUser}/> // this one is not. the next route is catching it...
    <Route path="/users/:userId" exact strict component={UserDetails}/>
</Switch>

도와 주셔서 감사합니다.

tareq aziz

경로를 다시 정렬하면 작동 할 것 같습니다. 여기 내 아이디어가 있습니다.

<Switch>
    <Route exact path="/users/new" component={NewUser}/>
    <Route path="/users/:userId" component={UserDetails}/>
    <Route path="/users" component={Users}/> // this one works fine
</Switch>

그것은 나를 위해 작동합니다

이것을 시도해 볼 수 있습니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

다른 URL로 동일한 구성 요소에 대한 라우팅 반응

분류에서Dev

반응 라우터의 구성 요소에 대한 다른 Navbar

분류에서Dev

사용자 로그인 후 반응 라우터로 다른 구성 요소를 렌더링하는 방법

분류에서Dev

페이지를 새로 고치면 반응 구성 요소가 사라집니다 (반응 라우터 사용)

분류에서Dev

매개 변수를 사용하여 라우터 경로를 잘못된 구성 요소에 반응

분류에서Dev

.Net Core Web API, 값을 기반으로 동일한 경로 접두사를 사용하여 다른 컨트롤러에 대한 라우팅 논리 생성

분류에서Dev

Angular2 / 4의 상대 경로를 사용하여 프로그래밍 방식으로 다른 구성 요소로 라우팅

분류에서Dev

VueJS-다른 ID로 동일한 구성 요소를로드하기 위해 하나의 라우팅 경로를 사용하는 방법

분류에서Dev

반응 라우터를 사용하여 반응 후크에서 검색 양식을 'onSubmit'구성 요소로 전환합니다.

분류에서Dev

응답 데이터를 전달하는 구성 요소로 다시 라우팅

분류에서Dev

반응 라우터를 사용하여 경로 구성을 사용하여 구성 요소 소품을 어떻게 전달할 수 있습니까?

분류에서Dev

서로 다른 경로에 대해 서로 다른 템플릿을 사용하여 라우터에 반응 v. 5

분류에서Dev

반응에서 링크 및 라우터를 사용하여 한 구성 요소에서 다른 구성 요소로 소품을 어떻게 전달할 수 있습니까?

분류에서Dev

반응 라우터를 사용하여 반응 구성 요소에 객체 전달

분류에서Dev

부모로부터 전달 된 소품을 사용하여 라우터 Navlink를 다른 페이지에 반응

분류에서Dev

구성 요소 구조 : 반응 라우터 경로를 기반으로 하나의 구성 요소 교체

분류에서Dev

로컬 인터페이스를 다음 홉으로 사용하여 virbr0에 대한 정적 라우팅 구성

분류에서Dev

반응 라우터를 사용하여 사이드 바 탐색으로 구성 요소를 동적으로 렌더링하는 더 쉬운 방법

분류에서Dev

Angular : API 응답에 따라 다른 구성 요소로 라우팅하는 방법은 무엇입니까?

분류에서Dev

버튼을 사용하여 페이지를 다른 페이지로 라우팅 (반응)

분류에서Dev

onClick을 사용하여 React에서 비 라우터 구성 요소의 경로를 변경하십시오.

분류에서Dev

다른 모듈에서 각도 구성 요소 라우팅 사용

분류에서Dev

반응에서 형제 구성 요소에 대한 클릭 이벤트를 통해 다른 구성 요소에 이미지를로드하는 방법

분류에서Dev

하위 경로에 대한 반응 라우터 링크

분류에서Dev

컨트롤러에서 속성 라우팅을 사용하면 모든 경로를 관리해야합니다.

분류에서Dev

Angular2를 사용하여 라우팅 된 구성 요소에 데이터 전달

분류에서Dev

여러 Autofac 구성 요소에서 공유하는 응용 프로그램 전체 초기화에 대한 모범 사례? (이 경우 라이선스로 지정하십시오.)

분류에서Dev

반응 라우터를 사용하여 렌더링되지 않는 구성 요소

분류에서Dev

(angularjs bower 구성 요소)를 사용하는 내 localhost 웹 사이트는 다른 컴퓨터 및 브라우저가 아닌 특정 브라우저에서만 제대로 작동합니다.

Related 관련 기사

  1. 1

    다른 URL로 동일한 구성 요소에 대한 라우팅 반응

  2. 2

    반응 라우터의 구성 요소에 대한 다른 Navbar

  3. 3

    사용자 로그인 후 반응 라우터로 다른 구성 요소를 렌더링하는 방법

  4. 4

    페이지를 새로 고치면 반응 구성 요소가 사라집니다 (반응 라우터 사용)

  5. 5

    매개 변수를 사용하여 라우터 경로를 잘못된 구성 요소에 반응

  6. 6

    .Net Core Web API, 값을 기반으로 동일한 경로 접두사를 사용하여 다른 컨트롤러에 대한 라우팅 논리 생성

  7. 7

    Angular2 / 4의 상대 경로를 사용하여 프로그래밍 방식으로 다른 구성 요소로 라우팅

  8. 8

    VueJS-다른 ID로 동일한 구성 요소를로드하기 위해 하나의 라우팅 경로를 사용하는 방법

  9. 9

    반응 라우터를 사용하여 반응 후크에서 검색 양식을 'onSubmit'구성 요소로 전환합니다.

  10. 10

    응답 데이터를 전달하는 구성 요소로 다시 라우팅

  11. 11

    반응 라우터를 사용하여 경로 구성을 사용하여 구성 요소 소품을 어떻게 전달할 수 있습니까?

  12. 12

    서로 다른 경로에 대해 서로 다른 템플릿을 사용하여 라우터에 반응 v. 5

  13. 13

    반응에서 링크 및 라우터를 사용하여 한 구성 요소에서 다른 구성 요소로 소품을 어떻게 전달할 수 있습니까?

  14. 14

    반응 라우터를 사용하여 반응 구성 요소에 객체 전달

  15. 15

    부모로부터 전달 된 소품을 사용하여 라우터 Navlink를 다른 페이지에 반응

  16. 16

    구성 요소 구조 : 반응 라우터 경로를 기반으로 하나의 구성 요소 교체

  17. 17

    로컬 인터페이스를 다음 홉으로 사용하여 virbr0에 대한 정적 라우팅 구성

  18. 18

    반응 라우터를 사용하여 사이드 바 탐색으로 구성 요소를 동적으로 렌더링하는 더 쉬운 방법

  19. 19

    Angular : API 응답에 따라 다른 구성 요소로 라우팅하는 방법은 무엇입니까?

  20. 20

    버튼을 사용하여 페이지를 다른 페이지로 라우팅 (반응)

  21. 21

    onClick을 사용하여 React에서 비 라우터 구성 요소의 경로를 변경하십시오.

  22. 22

    다른 모듈에서 각도 구성 요소 라우팅 사용

  23. 23

    반응에서 형제 구성 요소에 대한 클릭 이벤트를 통해 다른 구성 요소에 이미지를로드하는 방법

  24. 24

    하위 경로에 대한 반응 라우터 링크

  25. 25

    컨트롤러에서 속성 라우팅을 사용하면 모든 경로를 관리해야합니다.

  26. 26

    Angular2를 사용하여 라우팅 된 구성 요소에 데이터 전달

  27. 27

    여러 Autofac 구성 요소에서 공유하는 응용 프로그램 전체 초기화에 대한 모범 사례? (이 경우 라이선스로 지정하십시오.)

  28. 28

    반응 라우터를 사용하여 렌더링되지 않는 구성 요소

  29. 29

    (angularjs bower 구성 요소)를 사용하는 내 localhost 웹 사이트는 다른 컴퓨터 및 브라우저가 아닌 특정 브라우저에서만 제대로 작동합니다.

뜨겁다태그

보관