React项目实战(二)(1)，前端开发速成

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 “./logo.png”

import “./index.less”

新建index.less文件并引入

.qf-header{

height: 64px;

background: #fff;

.logo{

height:64px;

img{

height:64px;

}

}

}