reactjs - 如何在 react 5秒后自动关闭甜蜜警报

标签 reactjs

如何在五秒后自动关闭甜蜜提醒?

这是 one.js

import React from 'react';
import './App.css';
import swal from 'sweetalert';


const App = () => {
  return(
    <div>
      <button onClick={() => { swal('Registered successfully'); }} className='btn btn-danger'>Click here</button>
    </div>
  )
}

export default App

这是一个.css

.swal-button {
  display: none;
}

最佳答案

尝试使用计时器

类似这样的事情:

 swal({text:'Registered successfully', timer: 5000});

关于reactjs - 如何在 react 5秒后自动关闭甜蜜警报,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61081025/

相关文章:

javascript - 在 redux 中获取 api 的最佳方式是什么?

javascript - react : Update child with parent state change

javascript - 需要观察滚动条

javascript - 将额外的 props 传递给 React 组件

reactjs - 在 Redux 应用程序中预加载初始状态的最佳实践是什么?

reactjs - getDerivedStateFromProps 是否真的更新状态?

javascript - 如何在js ES6中的破坏结构中传递多个参数

javascript - 如何同时在两个数组元素上设置状态?

reactjs - safeareaview 底部填充的自定义颜色/内容

javascript - 使用reactjs和nodejs上传图片时如何解决404错误?