您可以尝试使用React的useRef和useEffect挂钩：

import React, { useEffect, useRef } from 'react'
import { IonButton, IonInput } from '@ionic/react'

const MyForm = () => {
  const inputRef = useRef<HTMLIonInputElement>(null);

  useEffect(() => {
    setTimeout(() => { // Added a timeout to make sure the element is loaded
      inputRef.current?.setFocus();
    }, 0);
  }, []);

  return (
    <form>
      <IonInput
        ref={inputRef}
        placeholder='First Name'
        value=''
      />
    
      <IonButton type='submit'>Save And Continue</IonButton>
    </form>
  );
}

export default MyForm;

字符串
useRef挂接创建一个对IonInput元素的引用（inputRef）。useEffect挂接确保在安装组件时在IonInput上设置焦点。超时用于确保在尝试设置焦点之前加载DOM元素。
IonInput已更新为使用ref={inputRef}，而不是autofocus属性。
这会在呈现MyForm组件时将焦点设置在“First Name”的IonInput字段上。
您可以在this stackblitz中看到它的实际应用。
有没有可能调用setTimeout而元素没有被加载？我很好奇，是否有一种更简单的方法，只有在我们确信输入在屏幕上时才应用焦点。
是的，我已经更新了stackblitz。
由于IonInput的呈现是直接的，并且不严重依赖于异步操作，因此最简单和最有效的方法应该是确保在完全装入组件及其所有子组件之后设置焦点。

import React, { useEffect, useRef } from 'react'
import { IonButton, IonInput } from '@ionic/react'

const MyForm = () => {
  const inputRef = useRef<HTMLIonInputElement>(null);

  useEffect(() => {
    if (inputRef.current) {
      const observer = new MutationObserver(() => {
        if (inputRef.current) {
          inputRef.current.setFocus();
          observer.disconnect();
        }
      });

      observer.observe(document, { childList: true, subtree: true });
    }
  }, []);

  return (
    <form>
      <IonInput
        ref={inputRef}
        placeholder='First Name'
        value=''
      />
    
      <IonButton type='submit'>Save And Continue</IonButton>
    </form>
  );
}

export default MyForm;

型
MutationObserver将监视DOM中的更改。当它检测到更改时，它将检查IonInput是否可用，并设置焦点。
断开观察器（mentioned here）允许在设置焦点后断开观察器，以防止进一步进行不必要的检查。

Ionic为IonInput组件提供了一个名为setFocus的方法
提供的示例将不工作B/C你使用的是提交类型按钮，使用常规的IonButton作品。

const MyForm = () => {
  const firstNameInput = useRef<HTMLIonInputElement>(null);
  const handleButtonClick = () => {
    firstNameInput.current?.setFocus();
  };

  return (
    <>
      <form>
        <IonInput ref={firstNameInput} placeholder="First Name" value="" />
        <IonButton onClick={handleButtonClick}>Focus Input</IonButton>
        {/* <IonButton type="submit">Save And Continue</IonButton> */}
      </form>
    </>
 );
};

字符串