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

中呈现我的数据

ReactJS Griddle覆盖内联样式

1 个答案: