import React from 'react'; import ReactDOM from 'react-dom'; import zhCN from 'antd/es/locale/zh_CN'; import { ConfigProvider } from 'antd'; import Footer from './component/Footer/index'; import Nav from './component/Nav/index'; import Breadcrumb from './component/Breadcrumb/index'; import Sidebar from './component/Sidebar/index'; import App from './router/index'; import 'antd/dist/antd.css'; import './index.scss'; // 渲染侧边栏和面包屑 function structure(paths) { ReactDOM.render(<Breadcrumb paths={paths} />, document.getElementById('breadcrumb')); ReactDOM.render(<Sidebar />, document.getElementById('sidebar')); } function init() { ReactDOM.render(<Footer />, document.getElementById('footer')); ReactDOM.render(<Nav />, document.getElementById('user-nav')); ReactDOM.render( <ConfigProvider locale={zhCN}> <App callback={structure} /> </ConfigProvider>, document.getElementById('root'), ); } init();