2015-11-20 86 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