父组件
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>