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

织梦狗教程前端问题

2022-01-01

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  *

react