Public-header-react NPM

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}
/>;