feat: add onClose event

DTStack · Nov 3, 2020 · 7574845 · 7574845
1 parent dded331
commit 7574845
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/components/tabs/index.tsx b/src/components/tabs/index.tsx
@@ -14,12 +14,13 @@ export interface ITab<T = any, K = any> {
 
 interface ITabsProps {
     data: ITab[];
+    onClose?: (item: ITab, index: number) => void;
 }
 
 const Tabs: React.FunctionComponent<ITabsProps> = (props: ITabsProps) => {
-    const { data } = props;
-    const tabs = data.map((tab: ITab) => {
-        return (<a key={tab.id}>{tab.name}</a>);
+    const { data, onClose } = props;
+    const tabs = data.map((tab: ITab, index: number) => {
+        return (<a key={tab.id}>{tab.name} <button onClick={(e) => onClose!(tab, index)}>Close</button></a>);
     });
     return (
         <div className={prefixClaName('tabs')}>