1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
| /*
| * @Company: hugeInfo
| * @Author: ldh
| * @Date: 2022-08-20 19:25:50
| * @LastEditTime: 2022-09-16 15:13:18
| * @LastEditors: ldh
| * @Version: 1.0.0
| * @Description: 我的“tabs”组件
| */
| import React from 'react';
| import './index.less';
|
| const MyTabs = ({ tabs = [], activeKey, onChange, keyStr = ['key', 'title'] }) => {
| return (
| <div className="myTabs">
| {tabs.map((x, t) => {
| return (
| <div
| onClick={() => onChange(x[keyStr[0]] || t)}
| key={x[keyStr[0]] || t}
| className={`myTabs-tab ${activeKey === (x[keyStr[0]] || t) ? 'myTabs-active' : ''}`}
| >
| {x[keyStr[1]]}
| </div>
| );
| })}
| </div>
| );
| };
|
| export default MyTabs;
|
|
