import React, { ReactElement } from 'react'; import { PageHeaderProps } from './PageHeader'; export declare type PageTabHeaderProps = { tabList: { tab: ReactElement | string; key: string; }[]; onTabChange: (activeKey: string) => void; activeTabKey: string; extra?: ReactElement; tabExtra?: ReactElement; } & PageHeaderProps; /** 性能优化: Issue: 切换Tab时,会导致光标的重复移动,问题在于外层组件的重复渲染 Methods: 1. React.memo 相当于 React.PureComponent,但是由于外层组件,总是使用 bind() 每次返回新对象,这个相当于没用 2. useMemo 只监听 activeTabKey,变化时触发更新,从而减少多次触发 Tab 切换。 WARN: 如果有其他值要在运行时更新,需要增加监听 -> 如果增加监听可能引起性能 -> 约束使用 bind、每次新建 object 代码 */ export declare const PageTabHeader: React.FunctionComponent;