我有一个reactjs应用程序，它使用一个flexboxdiv容器，在子div中保存一些图像。尽管我在外部div上设置了className，并且样式包括display:flex和flexDirection:row，但是div是垂直显示的。我添加了一堆其他样式，试图测试我的样式是否被应用，但它们似乎根本没有被应用。如果我将样式常量名称flexStyle重命名为其他名称，例如abc，我会从div行中得到一个错误，即找不到flexStyle，因此我知道样式常量的作用域是正确的。
我有一个代码的最小代码沙箱实例，位于https://codesandbox.io/s/silly-cannon-b1yhr
有什么想法为什么我的风格没有被应用吗？
ClassName用于添加实际类，如纯html class="；。请参阅此处的文档。对于内联样式，您应该使用样式(文档(道具，如
<div style={flexStyle}>
....
</div>