2015-11-20 87 views
0

我正在創建一個應用程序,我使用的是ReactJS Griddle組件。我試圖創建一個自定義行組件,但它保持應用的內嵌樣式像這樣:ReactJS扒爐覆蓋內聯樣式

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

我需要覆蓋的風格,所以我可以設置display: grid;。這樣做的原因是,我使用語義的UI用戶界面,當我做這樣的事情:

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

,而不是顯示每行4卡的網格,它顯示每行一個卡。

有沒有辦法可以重寫樣式?

幫助讚賞。

回答

1

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