Popper：CSS“边距”样式不能用于在 popper 与其参考元素或边界之间应用填充。反应引导答案

【问题标题】：Popper: CSS "margin" styles cannot be used to apply padding between the popper and its reference element or boundary. react bootstrapPopper：CSS“边距”样式不能用于在 popper 与其参考元素或边界之间应用填充。反应引导
【发布时间】：2020-09-30 15:44:25
【问题描述】：

我正在使用 react-bootstrap 处理一个 react 项目，并在单击下拉菜单时遇到此警告。

Popper：CSS“边距”样式不能用于在 popper 与其参考元素或边界之间应用填充。要复制边距，请使用offset 修饰符，以及preventOverflow 和flip 修饰符中的padding 选项。

<Dropdown alignRight className="dropdown m-0">
   <Dropdown.Toggle as={CustomToggle} />
   <Dropdown.Menu style={{ margin: 0 }}>
      <Dropdown.Item >edit</Dropdown.Item>
   </Dropdown.Menu>
</Dropdown>

我该如何解决这个问题？

【问题讨论】：

看起来不错 codesandbox.io/s/recursing-goldwasser-1lxhm?file=/src/App.js - 我这边没有错误
是的，我发现我的自定义类存在问题。感谢您的努力

标签： reactjs react-bootstrap popper.js

【解决方案1】：

通过添加带边距的样式，错误消息消失Dropdown.Menu style={{ margin: 0 }}

【讨论】：