如何在react js中获取div的clientHeight？

在React.js中获取div的clientHeight可以通过以下步骤实现：

1. 首先，使用React的useRef钩子创建一个ref对象，用于引用目标div元素。例如：const divRef = useRef(null);
2. 在目标div元素上添加ref属性，将其与上一步创建的ref对象关联起来。例如：<div ref={divRef}>...</div>
3. 在组件的适当位置（例如，组件挂载后或div内容发生变化后），使用useEffect钩子来获取div的clientHeight。在useEffect的回调函数中，可以通过divRef.current.clientHeight来获取div的clientHeight。例如：

useEffect(() => {
  const height = divRef.current.clientHeight;
  console.log(height);
}, []);

这样，当组件挂载后或div内容发生变化时，就会打印出div的clientHeight。

React中的useRef钩子用于在函数组件中创建可变的引用。useEffect钩子用于在组件挂载、更新或卸载时执行副作用操作。通过结合这两个钩子，我们可以在React中获取div的clientHeight。