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

时间:2016-12-26 14:45:03

标签: javascript reactjs

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

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

我能想到的是一个静态div,我在组件的render方法中返回。

如果您有想法或链接到示例,请注意?

谢谢,Alon

1 个答案:

答案 0 :(得分:0)

根据您评论中附带的示例, 您可以使用超时并在三秒后更改状态以使其消失。

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

通过这种方式,您可以根据自己的选择显示和消失。