父组件

ref值挂在这里，父子和兄弟都可以使用
 const bodyRefs = useRef<HTMLDivElement[]>([]);

把ref挂载在多个循环出来的子组件
{[1,2,3]=>(<childComponents  bodyRefs={bodyRefs} index={index}/>)}

子组件

interface childProps {
  index: number;
  bodyRefs: MutableRefObject<HTMLDivElement[]>;
}

 <div
   ref={ele => {
     bodyRefs.current[index] = ele;
   }}>
 </div>