App.jsx

<Route path="/cart/:id?" element={<CartScreen />} />

In React-router-v6 can I still use this so that the id parameter is not always necessary?
if it exists it goes to the "CartScreen" component
if it doesn't exist it also goes to the "CartScreen"

推荐答案

React Router v6.5+

是的,上面的代码可以工作.虽然最初在版本6中不支持,但在最近的更新中重新引入了它.

React Router v6.0-6.4

不支持可选参数.相反,您必须创建两条单独的路由:

<Route path="/cart/" [...]>
<Route path="/cart/:id" [...]>

Reactjs相关问答推荐

Redux toolet TypHelp:在使用redux thunk获取数据时无法读取未定义(读取类型)的属性

如何通过TEK查询将对象传递到Express后台

REACT路由DOM根据参数呈现不同的路由

如何在重新图表中更改悬停时的条形填充 colored颜色 ?

捕获表单数据时的Reactjs问题

useCallback()是否应该用于作为prop传递给子组件的函数,即使该组件包装在memo()中?

如何从Reaction-Arborist树获取排序数据

是否为Reaction中未使用的组件生成Tailwincss样式?

在 React 中是否有任何理由要记住 Redux 操作创建者?

无法在 NextJS 中获取嵌套对象

组件安装后调用自定义钩子

为什么 useEffect 的初始化对于加载 localStorage 不起作用?

解决在React测试库中的act()警告

如何使用 React 更改 Material UI 中 ButtonGroup 的 colored颜色 ?

RTK 查询Mutations 在 StrictMode 中执行两次

如何在 nextjs 中单击按钮时动态导入和渲染组件?

将 ref 赋予功能组件以使用内部功能

Mui CardMedia 的图片组件

在 Remix 中使用 chartjs 和 react-chartjs-2 会出现错误react-chartjs-2未在您的 node_modules 中找到

如何在 React 中单击鼠标的位置动态添加 div?