Вложенный маршрут с параметром не пробуждается, как ожидалось

#javascript #reactjs #typescript #react-router

Вопрос:

В моем проекте React js Typescript я попытался создать вложенный маршрут, подобный этому.

Приборная панель.tsx

    <Route path={`${path}/production-schedule`} >
       <Route render={() =><ProductionSchedule />} />
   </Route>
 

График производства.tsx

    <Route path={"/:date"} render={() =><ProductionScheduleSingleDateView />} />
        <Paper
        square
        sx={{
          p: 2,
          display: 'flex',
          flexDirection: 'column',
          height: 106,
          padding: '16px 0px 18px 24px',
        }}
      >
            {/* Header section */}
            <HeaderStepper title="Production Schedule" steps={ [{ link: '/', name: "Main Page"}, {link: '/dashboard/production-schedule', name: "Production Schedule"} ]} />
        <Typography component="h2" variant="h6" style={{ marginTop: '22px' }}>
          Production schedule
        </Typography>
 

Как я могу сделать так, чтобы этот маршрут соответствовал этому, только если есть параметр пути, а не весь маршрут.