小编Tyl*_*den的帖子

我想在每个打开的选项卡的标题之前添加一个图标。图标的来源可以是引导图标或其他库。如何才能实现这一目标？

我正在使用 antd 库来创建选项卡，它没有直接添加图标的选项。下面是代码片段，这里是 jsfiddle 链接 - https://jsfiddle.net/6719phr3/1/

import React, { useState, useCallback } from "react";
import { Tabs, Button } from 'antd';
import 'antd/dist/antd.css';

const { TabPane } = Tabs;

const Tabbar = (props) => {

const [focusingPaneKey, setFocusingPaneKey] = useState('')
cons[openingPaneKeys, setOpeningPaneKeys] = useState([])

const openPane = (paneKey) => {
 setOpeningPaneKeys(oldState => {
  if (!oldState.includes(paneKey)) {
    return [...oldState, paneKey]
  }
  return oldState
})

setFocusingPaneKey(paneKey)
}

const closePane = (paneKey) => {
if (paneKey === focusingPaneKey) {
  const paneKeyIndex …