嵌套路由不适用于react-router

阿卜杜勒瓦哈卜

我一直在尝试渲染CollectionPage并将URL与我的页面匹配,但是由于某种原因,调用CollectionPage的嵌套Route无法正常工作!

这是我的shop.component的一个片段,正在app.js中调用

import React from 'react';
import { Route } from 'react-router-dom';

import CollectionOverview from '.././../components/collections-overview/collections-overview.component';
import CollectionPage from '../collection/collection.component';

const ShopPage = ({ match }) => (

    <div className='shop-page'>
        <Route exact path={`${match.path}`} component={CollectionOverview} />
        <Route path={`${match.path}/:collectionId`} component={CollectionPage} />
    </div>

);


export default ShopPage;

阿卜杜勒瓦哈卜

我发现发生了什么,在我的app.js中,我不小心设置了path ='/ shop /',所以我只需要删除第二个'/'

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

React-Router活动类不适用于嵌套路由

来自分类Dev

React-Router活动类不适用于嵌套路由

来自分类Dev

react-router中的嵌套路由

来自分类Dev

React Router,在参数后嵌套路由

来自分类Dev

React Router,在参数后嵌套路由

来自分类Dev

React Router ScrollToTop 不适用于 Material UI

来自分类Dev

react-router-relay中的嵌套路由

来自分类Dev

在React-Router中找不到嵌套路由的字体

来自分类Dev

react-router v5 –嵌套路由

来自分类Dev

React Router 6 alpha 4嵌套路由

来自分类Dev

React Router Dom嵌套路由,或者如何传递

来自分类Dev

react-router-relay中的嵌套路由

来自分类Dev

无法使用React Router获得嵌套路由以进行匹配

来自分类Dev

React-Router嵌套路由不起作用

来自分类Dev

React Router-无法渲染嵌套路由

来自分类Dev

React Router v4 - 嵌套路由问题

来自分类Dev

angular-ui-router嵌套状态不适用于多个视图

来自分类Dev

React JS + React Router与$ .get一起使用,但不适用于$ .ajax PUT

来自分类Dev

React-hot-loader 不适用于 React-router-dom

来自分类Dev

重定向不适用于单个组件中的react-router

来自分类Dev

NavLink确切道具不适用于react-router-dom 6

来自分类Dev

react-router-dom <Redirect /> 是否不适用于 syncHistoryWithStore?

来自分类Dev

在Angular UI Router中嵌套路由

来自分类Dev

在Angular UI Router中嵌套路由

来自分类Dev

锚标记不适用于Angular UI-Router

来自分类Dev

$ route.reload()不适用于ui-router

来自分类Dev

Flow Router不适用于ObjectID。可以解决吗?

来自分类Dev

组件动态导入不适用于router.js

来自分类Dev

锚标记不适用于Angular UI-Router