Reactjs 你'；正在尝试在AnimatePresence中设置多个子对象的动画，但其exitBeforeEnter属性设置为true 浏览器控制台上出现错误

App.js（包含在BrowserRouter中）

Home.js/Articles.js

const Home=props=>{
返回(
主页/文章
)
}
导出默认项目

---

有人能解释导致错误的原因吗？

正如文档所说的

exitBeforeEnter

：

如果设置为true，AnimatePresence一次只渲染一个组件。在渲染输入组件之前，退出组件将完成其退出动画

因此，启用此道具后，您希望以另一种方式使用

AnimatePresence

<AnimatePresence exitBeforeEnter>
  <Switch location={location} key={location.pathname}>
    <Route exact path="/" component={Home}/>
    <Route exact path="/home" component={Home}/>
    <Route exact path="/articles" component={Articles}/>
  </Switch>
</AnimatePresence>

请注意，对于

开关

<AnimatePresence exitBeforeEnter>
  <Switch location={location} key={location.pathname}>
    <Route exact path="/" component={Home}/>
    <Route exact path="/home" component={Home}/>
    <Route exact path="/articles" component={Articles}/>
  </Switch>
</AnimatePresence>