public-header-react

博睿-公共头部组件 react 版

依赖

本组件依赖react、ant-design,在实际项目中需引入上述 2 个 npm 包，才能正常使用本组件。

组件传参

| 参数 | 解释 | 类型 | 默认 | 是否必须 | | -------------- | --------------------------------------------------------------------------------------------------- | -------------------------- | --------------------------- | -------- | | cloudpath | cloud 项目网址 | string | http://devtest.ibr.cc:20365 | 是 | | helpPath | 帮助中心网址 | string | 无 | 否 | | officialPath | 官网网址 | string | https://www.bonree.com | 否 | | local | 国际化语言，目前只接受'en'或者'zh' | string | zh | 是 | | accountInfo | 用户信息，必须含有 用户等级 accountLevel,用户姓名 accountName 字段。账号等级 0-管理员 1-账号 2-用户 | {accountLevel,accountName} | {} | 是 | | productList | 博睿所有产品,数组对象必须含有 产品名称 title, 产品网址 website 字段 | [{title,website}] | [] | 是 | | toIndex | 点击头部组件 logo 时触发的操作 | function | 无 | 是 | | changeLanguage | 改变语言 | function | 无 | 是 | | handleLogout | 退出操作 | function | 无 | 是 |

本地调试

本地调试使用npm link方式直接在项目中引入本地 build 之后的 public-header-react 组件。使用 npm link 可能会出现的问题

使用用例

安装 npm 包

npm install public-header-react or yarn add public-header-react

引入使用

import PublicHeader from "public-header-react";


<PublicHeader
  cloudPath="http://devtest.ibr.cc:20365"
  officialPath="https://www.bonree.com"
  locale={i18n.language}
  accountInfo={{ accountLevel: 1, accountName: "asdad" }}
  productList={[
    { title: "mp", website: "http://devtest.ibr.cc:20365" },
    { title: "Server", website: "http://devtest.ibr.cc:203656" },
    { title: "MobileSDK", website: "http://devtest.ibr.cc:203657" },
    { title: "Browser", website: "http://devtest.ibr.cc:203658" },
    { title: "DataView", website: "http://devtest.ibr.cc:203659" },
  ]}
  toIndex={backHome}
  changeLanguage={_changeLanguage}
  handleLogout={handleQuit}
/>;

版本

v 1.0.2

1. 第一版

v 1.0.3

1. 修改说明文档