Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/474.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为网格指定多个反向条件_Javascript_Reactjs_Semantic Ui_Semantic Ui React - Fatal编程技术网

Javascript 为网格指定多个反向条件

Javascript 为网格指定多个反向条件,javascript,reactjs,semantic-ui,semantic-ui-react,Javascript,Reactjs,Semantic Ui,Semantic Ui React,在普通语义UI中,我们可以执行以下操作: <div class="ui mobile reversed tablet reversed equal width grid container"> 您可以使用网格的className属性: <Grid className='table reversed computer reversed' /> 从这里可以看出,道具是可用的。也许开始发行一期会有意义,因为我觉得你的观点非常合理。是的,我可以做到。可以说,它没有我的变通

在普通语义UI中,我们可以执行以下操作:

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

您可以使用网格的
className
属性:

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


从这里可以看出,道具是可用的。

也许开始发行一期会有意义,因为我觉得你的观点非常合理。是的,我可以做到。可以说,它没有我的变通方法那么难看。一旦我确定我没有遗漏什么,我将立即打开一个问题。我创建了一个问题:
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>
<Grid className='table reversed computer reversed' />