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張卡片，而是每行顯示1張卡片。

有沒有辦法可以覆蓋樣式？

幫助表示贊賞。

Answer 1

我找到了答案。 我應該使用customGridComponent而不是customRowComponent並在CustomGridComponent呈現我的數據