如何将样式属性添加到react-sidenav

Question

我正在尝试实现react-sidenav，我希望按钮在底部-列反转的flex-方向。我可以在chrome中手动添加这些样式，并且可以正常工作。根据文档，SideNav上有一个样式属性，可以用来设置自定义样式。我将其从块更改为flex并添加列反向的flex方向。

但是，我无法使style属性起作用。我已经尝试过了：

const SideNavBottom = {'display': 'flex', 'flex-direction': 'column-reverse'};
.
.
<SideNav
  style={SideNavBottom}
>

您可以在codesandbox.io上查看我正在使用的软件的演示。您将要查看RenderItems2文件。

Answer 1

const SideNavBottom = {display: 'flex', flexDirection: 'column-reverse'};

<SideNav
  style={SideNavBottom}
/>

或

<SideNav
  style={{display: 'flex', flexDirection: 'column-reverse'}}
/>

您的sidenav组件未关闭，您也可以测试上面的代码