好客租房154-封装顶部导航栏组件(1顶部导航栏)

1封装NavHeader组件实现城市选择 地图找房页面的复用

2在component目录中创建NavHeader/index.js

import React from 'react'
import { NavBar } from 'antd-mobile'
export default function NavHeader({children}) {
	return (
		<NavBar
			className="navbar"
			mode="light"
			icon={<i className="iconfont icon-back" />}
			onLeftClick={() => this.props.histoty.push.go(-1)}
			// 导航栏右边内容
			// rightContent={[
			// 	<Icon
			// 		key="0"
			// 		type="search"
			// 		style={{ marginRight: '16px' }}
			// 	/>,
			// 	<Icon key="1" type="ellipsis" />,
			// ]}
		>
			{children}
		</NavBar>
	)
}

总结