Javascript 仅指定父级时反应渲染嵌套子路由

我有一个包含此路由的父容器

const App = () => {
    return ( <
        ProtectedRoute exact path = {
            `/parent`
        }
        redirectTo = "/welcome"
        component = {
            ParentComp
        }
        />
    )
}

---

因此，当路由等于

/parent

时，将显示您的

ParentComp

。现在，在父组件内部有一个带有参数（

/：id

）的路由，这显然也是由带有

id=parent

的路由

/parent

触发的

---

因此，要么将路由嵌套在ParentComp中（例如，

/parent/：id

），要么使用查询参数有条件地显示子组件。

因此，当路由等于

/parent

时，将显示您的

ParentComp

。现在，在父组件内部有一个带有参数（

/：id

）的路由，这显然也是由带有

id=parent

的路由

/parent

触发的

---

因此，要么将路由嵌套在ParentComp（例如，

/parent/：id

）中，要么使用查询参数有条件地显示子组件。

您的意思和我实际做的一样吗？我在ParentNo中嵌套子路由，只有嵌套路由组件不会自动嵌套路径。您需要在路由中包括现有的匹配路径

/parent

。看一个例子，你的意思和我的一样吗？我在ParentNo中嵌套子路由，只有嵌套路由组件不会自动嵌套路径。您需要在路由中包括现有的匹配路径

/parent

。请参见此处的示例

const ParentComp = (props) => ( <>
  <StaticStuff/>
  <ProtectedRoute exact path = {`/:id`}
        redirectTo = "/welcome"
        component = {
            childComponent
        } 
</>)

const ProtectedRoute = ({ component: Component, ...rest }) => (
    <Route {...rest} render={props => {
        return isAuthorized() ? <Component {...rest} {...props} /> :
            <Redirect to={{
                pathname: props.redirectTo,
                state: {
                    from: props.location
                }
            }} />
    }
    }>
    </Route>)