は、私たちがこれを行うことができ、通常のセマンティックUIで、グリッド

Question

のために複数の逆の条件を指定：

<div class="ui mobile reversed tablet reversed equal width grid container"> 

これは、モバイルおよびタブレットの解像度に逆の順序で列が表示されます。 Example

私はSemantic UI Reactで同じ動作を達成しようとしていますが、失敗します。ここで

は、私が試したものです：

<Grid reversed="computer tablet"> 
// or 
<Grid reversed="computer,tablet"> 
// or 
<Grid reversed="computer|tablet"> 
// or 
<Grid reversed={["computer","tablet"]}> 

同様のエラーメッセージのすべての結果：

は警告：失敗した小道具のタイプ：GridRowに供給された値computer,tabletの無効な小道具reversedは、のいずれかを予想しました「コンピュータ」、「コンピュータ垂直」、「モバイル」、「モバイル垂直」、「タブレット」、「タブレット垂直」）。

これを達成する方法はありますか、これはセマンティックUIリアクトに欠けている機能ですか？小道具はとして利用可能である

<Grid className='table reversed computer reversed' /> 

：あなたは、グリッドのclassName小道具を使用することができ

const content = [<Grid.Row key="row1">...</Grid.Row>, <Grid.Row key="rowN">...</Grid.Row>] 
<Grid reversed="computer" only="computer"> 
    {content} 
</Grid> 
<Grid reversed="tablet" only="tablet"> 
    {content} 
</Grid> 
<Grid only="mobile"> 
    {content} 
</Grid> 

Answer 1

：現在、私はスーパー醜いです次の回避策を、使用しています

---

このdocに見ることができます。