小编Mis*_*lie的帖子

我正在使用带有钩子的react-router v6 useRoutes()（文档）。

我正在尝试添加路线转换react-transition-group。

我尝试了很多不同的东西，但动画并不干净，并且不适用于子路线 - 整个布局动画而不是子路线。

export const App = () => {
  const routes: RouteObject[] = [
    {
      path: "/",
      element: <Layout />,
      children: [
        { index: true, element: <Home /> },
        {
          path: "/courses",
          element: <Courses />,
          children: [
            { index: true, element: <CoursesIndex /> },
            { path: "/courses/:id", element: <Course /> },
          ],
        },
        { path: "*", element: <NoMatch /> },
      ],
    },
  ];

  const element = useRoutes(routes);
  const location = …

使用Vue 2我没有遇到任何问题，而且我认为WebStorm 插件确实是一流的- 我什至认为它的 OOTB 效果比 VS Code 更好。

但我已经使用Composition API启动了多个基于Vue 3的项目，而且 WebStorm Vue 插件似乎还没有准备好？！