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