refDom.jsx 444 B

12345678910111213141516171819
  1. import { useRef } from "react";
  2. function Test() {
  3. const newRef = useRef(null);
  4. function handleClick(){
  5. // focus 聚焦
  6. // blur 失焦
  7. console.log(newRef)
  8. newRef.current.focus()
  9. }
  10. return(
  11. <div>
  12. <h3>这是一个函数组件</h3>
  13. <input ref={newRef} type="text" />
  14. <button onClick={handleClick}>聚焦</button>
  15. </div>
  16. )
  17. }
  18. export default Test;