plusieurs critères Spécifiez pour la grille inversée

Question

Dans l'interface utilisateur sémantique normale, nous pouvons le faire:

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

Cela permet d'afficher les colonnes dans l'ordre inverse sur les résolutions mobiles et tablettes. J'essaie d'atteindre le même comportement avec l'interface utilisateur sémantique Réagir et je ne parviens pas à le faire.

Voici ce que j'ai essayé:

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

Tous les résultats dans un message d'erreur semblable:

Attention: Type prop échoué: prop non valide reversed de la valeur computer,tablet fournie à GridRow, prévu l'un des ["ordinateur", "ordinateur verticalement", "mobile", "mobile verticalement", "tablette", "tablette verticalement"].

Existe-t-il un moyen d'y parvenir ou est-ce une fonctionnalité manquante dans l'interface utilisateur sémantique?

---

Actuellement, je suis en utilisant la solution suivante, ce qui est super laid:

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

Vous pouvez utiliser le className prop de la grille:

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

L'accessoire est disponible peut être vu dans ce doc.