Reactで、以下の分を書いたのですがこれを
短縮して表示する方法を教えていただけないでしょうか。
react
1<Row gutter={[32, 8]}> 2 <Col span={8}> 3 <div className={deviceImg}> 4 <Icon 5 type="desktop" 6 style={{ 7 fontSize: '80px', 8 display: 'block', 9 textAlign: 'center', 10 }} 11 /> 12 <span style={{ display: 'block', textAlign: 'center' }}> 13 PC 14 </span> 15 </div> 16 <div className={deviceResult}> 17 <p className={deviceType}>パソコン</p> 18 <p className={devicePercentage}> 19 <span>22</span>% 20 </p> 21 </div> 22 </Col> 23 <Col span={8}> 24 <div className={deviceImg}> 25 <Icon 26 type="tablet" 27 style={{ 28 fontSize: '80px', 29 display: 'block', 30 textAlign: 'center', 31 }} 32 /> 33 <span style={{ display: 'block', textAlign: 'center' }}> 34 TABLET 35 </span> 36 </div> 37 <div className={deviceResult}> 38 <p className={deviceType}>タブレット</p> 39 <p className={devicePercentage}> 40 <span>22</span>% 41 </p> 42 </div> 43 </Col> 44 <Col span={8}> 45 <div className={deviceImg}> 46 <Icon 47 type="phone" 48 style={{ 49 fontSize: '80px', 50 display: 'block', 51 textAlign: 'center', 52 }} 53 /> 54 <span style={{ display: 'block', textAlign: 'center' }}> 55 SMART PHONE 56 </span> 57 </div> 58 <div className={deviceResult}> 59 <p className={deviceType}>スマートフォン</p> 60 <p className={devicePercentage}> 61 <span>22</span>% 62 </p> 63 </div> 64 </Col> 65 </Row>
回答1件
あなたの回答
tips
プレビュー