当div在React中可见时，如何自动滚动到div？

在React中，可以使用React.createRef()来创建一个ref对象，然后将该ref对象绑定到需要滚动到的div元素上。接下来，可以使用ref.current.scrollIntoView()方法来实现自动滚动到该div元素。

以下是一个示例代码：

import React, { useRef } from 'react';

function App() {
  const divRef = useRef(null);

  const scrollToDiv = () => {
    divRef.current.scrollIntoView({ behavior: 'smooth' });
  };

  return (
    <div>
      <button onClick={scrollToDiv}>滚动到div</button>
      <div style={{ height: '1000px' }}>其他内容</div>
      <div ref={divRef}>需要滚动到的div</div>
      <div style={{ height: '1000px' }}>其他内容</div>
    </div>
  );
}

export default App;

在上述代码中，我们首先使用useRef()创建了一个ref对象divRef，然后将其绑定到需要滚动到的div元素上。接着，在点击按钮时，调用scrollToDiv函数，该函数通过divRef.current.scrollIntoView()方法将页面滚动到divRef所指向的div元素。

这种方法适用于React中的函数组件和类组件。需要注意的是，滚动效果可以通过scrollIntoView()方法的behavior参数进行调整，可以设置为auto、smooth等不同的值。

推荐的腾讯云相关产品：腾讯云服务器（CVM），产品介绍链接地址：https://cloud.tencent.com/product/cvm