javascript - 我想在 3 种情况下显示几秒钟的错误？

Question

我目前正在学习 React，我有一种情况，我想在必须满足以下三个条件的情况下显示几秒钟的错误消息。

第一个案例:如果消息为空(意味着没有错误)。按照要求调整。

第二种情况:如果存在错误，它将显示消息并在 5 秒后隐藏。

第三种情况:它在每次 message 更改时执行。根据需要进行调整。

请帮我解决这个问题？

Answer 1

您的问题的答案是:

const [visible, setVisible] = useState(false)

useEffect(() => {
  // CASE 1 :message is empty (meaning no errors). Adjust as needed
  if(!message){
    setIsVisible(false)
    return
  }

  //CASE 2: error exists. Display the message and hide after 5 secs

  setIsVisible(true)
  const timer = setTimeout(() => {
     setIsVisible(false)
  }, 5000);
  return () => clearTimeout(timer);
}, [message]) // CASE 3 : executes every time `message` changes. Adjust as needed

希望这能符合您的要求。

编码愉快!!