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

Question

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

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

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

<>
    <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>
</>

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

标签： reactjsmaterial-uireact-material

Answer 1

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