react项目实战学习笔记-学习18-app布局
2023-03-14 09:25:46 阅读次数:125
javascript,ide
import React, { Component, Fragment, useState } from "react";
import { Button } from 'antd';
import { Outlet } from 'react-router-dom'
import { Layout } from 'antd';
import logoImg from "./assets/logo.png"
// import Header from './components/Header'
// import Sider from './components/Aside'
// import Bread from './components/Bread'
const {Sider,Content}=Layout
function App() {
return (
<Layout id='app'>
<header>
<img src={logoImg} alt="" className="logo"></img>
</header>
<Layout>
<Sider>sider</Sider>
<Content>
<div>
<Outlet></Outlet>
</div>
</Content>
</Layout>
<footer>Respect | Copyright © 2022 歌谣</footer>
</Layout>
)
}
export default App;
版权声明:本文内容来自第三方投稿或授权转载,原文地址:https://blog.51cto.com/u_15460007/6052997,作者:前端导师歌谣,版权归原作者所有。本网站转在其作品的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如因作品内容、版权等问题需要同本网站联系,请发邮件至ctyunbbs@chinatelecom.cn沟通。
上一篇:react项目实战学习笔记-学习3-知识点回顾3
下一篇:springMvc43-springMVC运行原理