javascript - 在功能反应中，如何在组件渲染后立即自动模拟按钮按下？

Question

那么让我们假设组件中有一些可点击的小部件？如何告诉窗口在组件呈现后立即自动单击该小部件？

标签： javascripthtmlcssreactjsfrontend

Answer 1

您可以ref使用hooks

import React, {useRef} from 'react';

const MyComponent = () => {
  const myBtnRef= useRef(null);

  useEffect(()=>{
    myBtnRef.click();
  }, []}

  return (
    <button ref={myBtnRef}>Click Me</button>
  );
}