Popper：CSS“边距”样式不能用于在Popper及其参考元素或边界之间应用填充反应自举

编程问答 2022-06-11

问题描述

我正在使用react-bootstrap进行React项目，并在单击下拉菜单时遇到此警告。

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

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

我该如何解决这个问题？

解决方法

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

popperreact-bootstrapreactjsreactjs