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

简介: 好客租房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>
  )
}

总结

图片.png

相关文章
|
10月前
|
小程序 API 开发工具
Mpay: 真的找到啦,后台一直有同学想要解决个人免签收款的问题,这款专注于个人免签收款,轻量级且高效的支付解决方案
嗨,大家好,我是小华同学。mpay是一个基于微信支付官方SDK封装的库,简化了微信支付集成过程,支持公众号、扫码、小程序支付等场景。它提供简洁API、全面错误处理和灵活配置选项,适用于电商网站、线下实体店和移动应用,提升支付体验和运营效率。
461 58
|
数据可视化 Java Nacos
Sleuth+Zipkin 实现 SpringCloud 链路追踪
【8月更文挑战第9天】Sleuth+Zipkin 实现 SpringCloud 链路追踪
533 1
Sleuth+Zipkin 实现 SpringCloud 链路追踪
|
Linux
查看服务器的配置,系统,cpu等信息
查看服务器的配置,系统,cpu等信息
749 0
|
安全 前端开发 测试技术
现货合约期权交易所系统开发玩法详情/步骤规则
开发一个现货合约期权交易所系统涉及多个复杂的步骤和细节,下面是一个大致的指南,其中包含了一些重要的方面:
|
存储 调度
进程的奥德赛:并发世界中的核心概念与动态管理
进程的奥德赛:并发世界中的核心概念与动态管理
172 2
|
JavaScript
解决vue刷新报404的详细教程
解决vue刷新报404的详细教程
一图说明矩阵等价,相似,合同
一图说明矩阵等价,相似,合同
4627 0
一图说明矩阵等价,相似,合同
|
编译器 C++
一文搞懂C++构造函数的初始化列表
我们在实例化对象后,对象自动调用构造函数来初始化自己的值,完成初始化工作,但是我们并不能称它为成员变量的初始化,因为初始化只能初始化一次,然而在函数体的“初始化”工作,准确的说可以赋值多次,所以把函数体赋值当作初始化,有失偏颇。 因此引入初始化列表
358 0
|
人工智能 数据安全/隐私保护
【周末闲谈】人工智能之父“艾伦·麦席森·图灵”背后的故事
【周末闲谈】人工智能之父“艾伦·麦席森·图灵”背后的故事
640 0
|
Windows
太阳当空照-Windows服务化方式脚本封装sc指令(下)
太阳当空照-Windows服务化方式脚本封装sc指令(下)
279 0