0

私はアプリケーションを作成しており、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>

1 行に 4 枚のカードのグリッドを表示する代わりに、1 行に 1 枚のカードを表示します。

スタイルをオーバーライドする方法はありますか?

助けていただければ幸いです。

4

1 に答える 1