如何获取Fluent UI Stack组件对应的React ref引用

Fluent UI的Stack组件未对外暴露componentRef或ref属性，若需要将其与useResponsiveMode配合使用，可采用以下临时解决方案：

• 额外使用一个父级div包裹Stack组件，将目标ref绑定到该父级div上即可。

参考实现代码如下：

import { useRef } from 'react';
import { Stack, useResponsiveMode } from '@fluentui/react';

function SampleComponent() {
  const containerRef = useRef<HTMLDivElement>(null);
  // 直接将父容器ref传入useResponsiveMode即可正常使用
  const responsiveMode = useResponsiveMode(containerRef);

  return (
    <div ref={containerRef}>
      <Stack>
        {/* 原Stack组件的内部内容 */}
      </Stack>
    </div>
  );
}

内容的提问来源于stack exchange，提问作者qxg