观察到此错误：Material-UI：提供给组件的 `anchorEl` 道具无效

Question

尝试在网格表中打开 popper 时观察到错误。错误详情

Material-UI：anchorEl提供给组件的prop 无效。锚元素应该是文档布局的一部分。确保该元素存在于文档中或不显示 none。

下面是我在网格表中使用的示例代码：

<>
    <MoreVertIcon
    ref={anchorRef}
    aria-controls={open ? 'menu-list-grow' : undefined}
    aria-haspopup="true"
 // key={uuidv4()}
    onClick={handleToggle}
    style={{ color: theme.palette.primary.main }}
    />
    <Popper open={open} anchorEl={anchorRef.current} role={undefined} transition disablePortal>
        hello world
    </Popper>
</>

找到了一个参考，但不确定我在哪里打破了这个规范。任何帮助表示赞赏。

Answer 1

终于找到原因了，子组件正在重新渲染，因为我在地图迭代中添加了动态键，这会导致道具发生变化，因为我使用迭代索引作为解决的关键问题。