码迷,mamicode.com
首页 > Web开发 > 详细

JSX 空的根元素

时间:2021-01-16 11:58:18      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:pos   OLE   react   exp   render   page   secondary   fixed   end   

空元素

JSX 允许空的根元素,从而打破深嵌套。ReactRouter.HashRouter等组件都是空元素实现的。

  return (
    < >
      < >
        <div></div>
        <div></div>
      </>
    </>
  );
import * as React from ‘react‘;
import * as ReactRouter from ‘react-router-dom‘;
import { IconButton } from ‘@material-ui/core‘;
import HomeIcon from ‘@material-ui/icons/HomeTwoTone‘;
import router from ‘@/pages/router‘;

var cs = router.listCategory();
console.log(cs);

export default class extends React.Component {
    render() {
        return (
            <ReactRouter.HashRouter>
                < >
                    <div style={{ position: ‘fixed‘, bottom: 20, right: 20 }} >
                        <ReactRouter.Link to="/">
                            <IconButton style={{ border: ‘solid 1px pink‘, borderRadius: 50 }} color="secondary" size="medium">
                                <HomeIcon />
                            </IconButton>
                        </ReactRouter.Link>
                    </div>
                </>
            </ReactRouter.HashRouter>
        );
    }
};

JSX 空的根元素

标签:pos   OLE   react   exp   render   page   secondary   fixed   end   

原文地址:https://www.cnblogs.com/develon/p/14283432.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!