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

Var*_*hal 3 reactjs react-bootstrap popper.js

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

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

<Dropdown alignRight className="dropdown m-0">
   <Dropdown.Toggle as={CustomToggle} />
   <Dropdown.Menu style={{ margin: 0 }}>
      <Dropdown.Item >edit</Dropdown.Item>
   </Dropdown.Menu>
</Dropdown>
Run Code Online (Sandbox Code Playgroud)

我该如何解决这个问题?

小智 12

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

  • 一些解释将使每个应用此“修复”的人受益...... (4认同)