小编Fes*_*ina的帖子

如何在React中2秒内隐藏元素

我使用 Tailwind-css 和 React,并希望在 2 秒后隐藏 div 元素。用户按下按钮,小吃栏会出现 2 秒,表明建议已发送。我使用setTimeout但它不是正确的变体。函数 Snackbar 获取小吃栏是否打开Snackbar = true)、小吃栏上的消息suggestResponse.message)以及如果Snackbar 关闭false)则应发送的属性

const SnackbarResult = ({
  snackbar,
  snackbarClose,
  suggestResponse,
}: ISnackbarProps) => {
  if (snackbar) {
    setTimeout(() => snackbarClose, 2000);
  }
  if (!snackbar) return null;
  return (
    <div className="bg-green-500 fixed right-2 bottom-1 font-medium p-2 md:p-5">
      {suggestResponse.message}
    </div>
  );
};
Run Code Online (Sandbox Code Playgroud)

hide reactjs snackbar tailwind-css

1
推荐指数
1
解决办法
2921
查看次数

标签 统计

hide ×1

reactjs ×1

snackbar ×1

tailwind-css ×1