Javascript 在React中创建幻灯片弹出窗口

Javascript 在React中创建幻灯片弹出窗口,javascript,reactjs,Javascript,Reactjs,我想为ReactJS中的电子商务商店创建一个组件 我想创建一个摘要弹出窗口,每当用户向购物车添加产品时,它都会从屏幕顶部向下滑动。弹出窗口应向下滑动,等待3秒钟,然后再次向上滑动 我所能想到的就是在组件的render方法中返回的静态div 请,如果你有想法或链接到例子 谢谢,阿龙根据你评论中所附的例子, 您可以使用timeout并在三秒钟后更改状态,使其消失 setTimeout(() => { this.setState({thingIsVisible: false}); }, 3

我想为ReactJS中的电子商务商店创建一个组件

我想创建一个摘要弹出窗口,每当用户向购物车添加产品时,它都会从屏幕顶部向下滑动。弹出窗口应向下滑动,等待3秒钟,然后再次向上滑动

我所能想到的就是在组件的
render
方法中返回的静态div

请,如果你有想法或链接到例子


谢谢,阿龙根据你评论中所附的例子, 您可以使用timeout并在三秒钟后更改状态,使其消失

setTimeout(() => {
   this.setState({thingIsVisible: false});
}, 3000);

这样,您可以根据自己的选择使其显示和消失。

使用react库制作动画,以避免您的头痛。我找到了这个带按钮的exmaple我找到了这个带按钮的exmaple。是否有任何选项可以使用此代码并创建一些在3秒钟后自动消失的代码