react中input自动聚焦问题

在 React 中，可以使用 ref 属性来获取 DOM 元素的引用。要自动聚焦一个 input 元素，可以在组件的 componentDidMount 生命周期方法中调用 input 元素的 focus() 方法。

以下是一个示例：

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.inputRef = React.createRef();
  }

  componentDidMount() {
    this.inputRef.current.focus();
  }

  render() {
    return <input ref={this.inputRef} />;
  }
}

在这个示例中，我们使用 `React.createRef()` 创建了一个 input 元素的引用 `inputRef`，并将其传递给 input 元素的 ref 属性。在 `componentDidMount()` 方法中，我们使用 `this.inputRef.current.focus()` 自动聚焦 input 元素。

注意，只有在组件的 `render()` 方法被调用之后，才能够访问 `ref`。因此，必须在 `render()` 方法中将 `ref` 赋值给元素。