这是沙盒的修改后的版本，可解决此问题：

这是您在中的初始代码BigList：

const BigList = props => {
  const { height, ...others } = props;
  const importantData = Array(101 - 1)
    .fill()
    .map((_, idx) => 0 + idx);
  const rows = ({ index, style }) => (
    <FancyListItem
      index={index}
      styles={style}
      text="window'd (virtual): "
      {...others}
    />
  );

  return (
    <FixedSizeList
      height={height}
      itemCount={importantData.length}
      itemSize={46}
      outerElementType={List}
    >
      {rows}
    </FixedSizeList>
  );
};

我将其更改为以下内容：

const Row = ({ data, index, style }) => {
  return (
    <FancyListItem
      index={index}
      styles={style}
      text="window'd (virtual): "
      {...data}
    />
  );
};

const BigList = props => {
  const { height, ...others } = props;
  const importantData = Array(101 - 1)
    .fill()
    .map((_, idx) => 0 + idx);
  return (
    <FixedSizeList
      height={height}
      itemCount={importantData.length}
      itemSize={46}
      outerElementType={List}
      itemData={others}
    >
      {Row}
    </FixedSizeList>
  );
};

重要的区别在于，Row现在是一致的组件类型，而不是每次渲染时都重新定义BigList。使用您的初始代码，每次渲染都会导致重新安装BigList所有FancyListItem元素，而不仅仅是重新渲染，因为围绕它的表示“行”类型的函数是每次渲染时的新函数BigList。这样的效果是，在尝试确定锚点元素的位置时，Menu不再将要传递的锚元素装入，Menu并且anchorEl.getBoundingClientRect（）提供的x，y位置为0,0。

您会在react-window文档（https://react-window.now.sh/#/examples/list/fixed-
size）中注意到该Row组件是在组件外部定义的，Example类似于代码的固定版本现在已结构化。