如何在 ReactJS Typescript 中让点击在 2 分钟后自动发生

Question

我打算在 2 分钟后自动执行按钮的 onClick 功能。这是我当前的按钮，我调用的函数是处理事件视频。

如何触发2分钟后自动点击按钮。我计划创建一个新函数并在其中调用 handleEventVideos()，然后在 useEffect 中传递该函数。但这是行不通的。谁能帮我解决这个问题？

                     <Button
                        disabled={isDisable}
                        type="submit"
                        onClick={() => handleEventVideos()}
                        variant="contained"
                        className={classes.doneButton}
                      >
                        Done
                      </Button>

Answer 1

如果你想在你的示例中调用onclick函数，你可以使用setTimeout并调用handleEventVideos函数。应该是这样的：

document.addEventListener('DOMContentLoaded', function() {
  setTimeout(()=>{
    alert("your function of interest!")
  },2000);
});

但是，如果您的函数中不需要事件变量（就像您在此处的示例），则属于这种情况。但是，如果你想通过定义一个 ref 并调用它的 click 函数来调用 react click 事件。您可以在此处找到扩展解决方案：如果您想延迟 2 秒调用它，您只需按照上面使用的相同方式使用 setTimeout 函数。

Answer 2

此警报将在 2 分钟后弹出。你可以放而不是警报你的 onclick 函数在那里。

const OnClick =()=> {
  setTimeout(()=>{
    alert("I will pop up after 2 minutes")
  },20000);
});

如何在 ReactJS Typescript 中让点击在 2 分钟后自动发生

How to make an onclick automatically happen after 2 minutes in ReactJS Typescript

onclick

typescript

reactjs