Reactjs 反应：子例程将导致空白全屏，而不是出现在<；盒子>；

我正在使用react+redux+typescript网站，该网站使用路由。我还不足以理解这里的一切，但我正在尽力：）

事情是。。在一条路上。。我导航到一个有子例程的组件（使用选项卡->选项卡导航..当我单击其中一个路由..页面变为空白，好像它是错误的路由

从Loan.tsx开始的工作（家长）路线

        <Route
          exact
          path="/loans/:loanID/cash-flow"
          render={() => (
            <Box pt={2} pb={2}>
              <CashFlowMain loanID={loanID} cashflow={cashflow} interestPayments={interestPayments} />
            </Box>
          )}
        />

(
)}
/>

CashflowMain.tsx（具有子例程）：

...
import {
  withRouter, Switch, Route, Link,
} from 'react-router-dom';
...

<Paper className={classes.card}>
  <Box m={2}>
    <Tabs className={classes.subTabs}>
      <Tab
        value="payments"
        label="Payments"
        disableRipple
        className={classes.tab}
        component={Link}
        to={{ pathname: `/loans/${loanID}/cash-flow/payments` }}
      />
 </Tabs>
</Box>
<Box m={2}>
    <Switch>
      <Route
        exact
        path="/loans/:loanID/cash-flow/payments"
        render={() => (
           <Payments
              loanID={loanID}
              interestPayments={interestPayments}
            />
        )}
      />
    </Switch>
  </Box>
</Paper>

。。。
进口{
使用路由器、交换机、路由、链路、，
}从“反应路由器dom”；
...
(
)}
/>

您需要将cashflowMain包装在中，并确保在路由配置文件中设置了正确的路由，您应该添加一个路径，如“/loans/：loanID/cash flow/：subTab”，所有这些都需要将路径/toute添加到loan中。tsx

你能在cashflowmain组件中记录hello world吗？如果你看到日志，那么它将呈现正确的组件，然后这是另一个问题我将尝试@CecilJohnTantay:）尝试你建议的。。。没有日志，没有错误。。没什么：）kk那么你的假设是正确的。这和路由器有关。单击“新建”选项卡时，参数上的url是否更改？你能发布那个网址吗？它应该有这样的内容：

/loans/1/现金流/付款

Url是否正确：）啊！。。当然！。。这就像魔术一样奏效：）非常感谢马伦：）