带Framer Motion(V4)的REACT-ROUTER-DOM(V6)

React-router-dom (v6) with Framer Motion (v4)(带Framer Motion(V4)的REACT-ROUTER-DOM(V6))

本文介绍了带Framer Motion(V4)的REACT-ROUTER-DOM(V6)的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在尝试将我的REACTION-ROUTER-DOM更新到V6,但它似乎导致了帧运动AnimatePresence的问题,特别是退出过渡。

在App.js中:

import { Routes, Route } from "react-router-dom";
import {AnimatePresence} from "framer-motion";  

import Home from "./Components/Home";
import About from "./Components/About";
function App() {
  return (
    <div className="App">

      {/* globals such as header will go here  *

本文标题为:带Framer Motion(V4)的REACT-ROUTER-DOM(V6)