在React中让输入在页面加载时自动聚焦

在React中，可以使用ref属性和useEffect钩子来实现在页面加载时自动聚焦输入。

首先，在React组件中创建一个ref对象，并将其绑定到输入元素上。可以使用useRef钩子函数来创建ref对象：

import React, { useRef, useEffect } from 'react';

function MyComponent() {
  const inputRef = useRef(null);

  useEffect(() => {
    // 在页面加载时自动聚焦输入
    inputRef.current.focus();
  }, []);

  return (
    <div>
      <input ref={inputRef} />
    </div>
  );
}

export default MyComponent;

在上述代码中，inputRef通过调用useRef(null)来创建一个ref对象，并将其绑定到<input>元素上。

接下来，使用useEffect钩子函数来在组件加载后执行自动聚焦的逻辑。通过传递一个空数组[]给useEffect的第二个参数，确保该效果只在组件加载时执行一次。

在useEffect的回调函数中，可以通过inputRef.current获取到实际的DOM节点，并调用其focus()方法，使输入框获得焦点。

这样，当页面加载时，输入框将自动聚焦。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）、轻量应用服务器（Lighthouse）。

腾讯云云服务器（CVM）是腾讯云提供的一种可随时弹性扩展的云计算产品，提供安全可靠的计算能力，适用于各种业务场景。了解更多请访问：腾讯云云服务器（CVM）

轻量应用服务器（Lighthouse）是腾讯云推出的简单易用、价格低廉的云服务器产品，专为中小企业和个人开发者打造。了解更多请访问：腾讯云轻量应用服务器（Lighthouse）