我在想如何在接下来的元素上添加动画.我try 了一些东西,但没有弄明白,因为我最近开始学习react .

<div className="gradient2">
   <div className="grid grid-rows-3 stoljpi-metci grid-flow-col">
      <div className="font-bold text-white pl-1.5 bojaTexta">&nbsp;{metciTren}</div>
      <div className="font-bold text-gray-400 -mt-1">&nbsp;{clipMetci}</div>
   </div>
   <>
--Anim should go here, I want the className='slikea' to be animated, like slideIn 
   <div className='slikea'>
      <img className="stoljpi mt-1" src={`${process.env.PUBLIC_URL}/images/${state}.png`} />
   </div>
   </>
</div>

推荐答案

试试https://react-spring.dev/,它有很多API可以让你的应用程序动感起来

Reactjs相关问答推荐

当我在React中使用类方法更新模型的状态时,它在严格模式下触发两次

无法在列表中看到文本

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

可选链和useState挂钩

不同步渲染

验证 Yup 中的对象项

React Context API 在 Next.js 中更改路由时获取默认数据

为什么在 React 的 useEffect 中使用 onAuthStateChanged ?

如何让 useEffect 在 React.JS 中只运行一次?

如何测试使用 React.createportal 呈现的组件?

Primereact 的日历组件在每个月 12 日之后使用非唯一键生成

需要先填写依赖输入字段,以便其他人工作

Select 项目后 Select HeadlessUI 组合框中的所有文本?

当状态改变时如何执行一些动作,但只针对第一次更新?

如何跨微前端 React 应用管理状态管理?

如何根据数据库中的值设置单选按钮选中? - react

链接的音译 Gatsby JS

为什么我从另一个组件收到错误?

在渲染不显示子元素之后,再次渲染时,子元素状态数据完全消失了.为什么会这样以及如何防止它发生?

React Router Dom V6 中的嵌套路由