css - ReactJS Griddle 覆盖内联样式

Question

我正在创建一个应用程序，我正在使用 ReactJS Griddle 组件。我正在尝试创建一个自定义行组件，但它一直在应用内联样式，如下所示:

<div class="myCustomRowClass" data-reactid="react_id" style="clear:both;display:table;width:100%">

我需要覆盖样式，以便我可以设置 display: grid;。这样做的原因是我在用户界面上使用 Semantic-Ui，当我做这样的事情时:

<div class="ui four cards">
   <div class="ui card">
     /* content */
   </div>
   <div class="ui card">
     /* content */
   </div>
   /* etc... */
</div>

不是每行显示 4 张卡片的网格，而是每行显示一张卡片。

有什么方法可以覆盖样式吗？

感谢帮助。

Answer 1

我找到了这个问题的答案。我应该使用 customGridComponent 而不是 customRowComponent 并在 CustomGridComponent

中呈现我的数据