проблема маршрутизации в responsejs, где matchUrl исходит от родительского компонента

Question

Я столкнулся с этой проблемой при маршрутизации в реакции.Один из компонентов загружается на экран, и в нем находятся различные маршруты.

Вот код возврата в этом компоненте.

   <Route
            path={`/cricket/tournament/${matchId}/standings`}
            render={routeProps =>
              isFetchingMatchDetail ? (
                <Loading />
              ) : (
                <Standings {...routeProps} tournamentId={tournamentId}
                  matchSummary={detailsData && detailsData.matchSummary} />
              )
            }
          />

и при изменении табуляции яделаю это.

    const standingpath=`/cricket/tournament/${matchId}/standings`;
    this.props.history.push(standingpath);

Но я не вижу загрузки моего стоящего компонента. Вкладка и маршрутизация находятся в одном компоненте.Вот еще один маршрут внутри того же возврата, который отлично работает.

       <Route
            path={matUrl + "/scorecard"}
            render={routeProps =>
              isFetchingMatchDetail ? (
                <Loading />
              ) : (
                <Scorecard
                  {...routeProps}
                  matchId={matchId}
                  innings={innings}
                  matchInfo={matchInfo}
                  matchSummary={detailsData && detailsData.matchSummary}
                />
              )
            }
          />

, где matchUrl идет как реквизит.

Answer 1

1. Убедитесь, что isFetchingMatchDetail связанное условие работает нормально.

2. в реакции, синтаксис

<Route
    path='/cricket/tournament/:matchId/standings'
    render={routeProps =>
    isFetchingMatchDetail ? (
        <Loading />
    ) : (
        <Standings 
          {...routeProps} 
          tournamentId={tournamentId}
          matchSummary={detailsData && detailsData.matchSummary} />
          )
        }
/>

Answer 2

Попробуйте изменить путь вашего маршрута на path={'/cricket/tournament/:matchId/standings'}