我需要有一条路由,可以动态地接收许多不同的路径段,如"https://website/folder1/folder2/folder3"
等等.
每次用户都可以在另一个文件夹中创建新文件夹,并且可以导航到相同的组件.
基本上,我试图实现的是创建一个类似Google Drive的带有文件夹和子文件夹系统的页面,用户可以在其中创建一个文件夹和子文件夹,并上传文档和视频,当其他用户进入嵌套的特定文件夹时,他们可以看到它们.为了跟踪用户的位置并从服务器获取要显示的正确文档/文件,我正在考虑使用URL获取最后一个路径段,以了解我需要向服务器请求哪些数据,我还需要一个面包屑的完整路径.
我找到了一些来源,建议在id路径段之后使用"+"
,但它不起作用:
<Route path="/area/:folder+" element={<AreaComponent />} />
问题是,这并不管用.
我用的是react-router-dom@6.4.2
美元.
我如何才能实现这一点?