React项目实战二一，前端开发速成

export default class index extends Component {

render() {

return (

<Content style={{ padding: ‘0 24px’, minHeight: 280 }}>{this.props.children}

)

}

}

若将App.js文件中由Switch所渲染的Route路由视图组件嵌入至Frame标签内部，那么Frame组件需借助{this.props.children}这一语法结构，方能正确获取并展示相应的插入内容，否则页面将无法显示对应内容。

{

admainRoute.map(route=>{

return

})

}

2-2 可以设计个Logo

可借助免费logo在线制作工具完成Logo的设计工作

将图片直接放置于frame文件夹中，并进行调用与应用

components/frame/index.js文件 此处省略其他代码内容，仅展示核心部分

import Logo from “./l