JSX 空的根元素

2021-01-15 18:04:08 阅读：291 来源： 互联网

标签：元素 ReactRouter React router cs import JSX

空元素

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>
        );
    }
};

标签：元素,ReactRouter,React,router,cs,import,JSX
来源： https://www.cnblogs.com/develon/p/14283432.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

JSX 空的根元素

空元素