react-bootstrap-table：无法在自定义工具栏按钮上设置字形

Question

我正在自定义 table 的工具栏，下面是这个例子：http://allenfang.github.io/react-bootstrap-table/custom.html#insertBtn

我可以看到我的按钮，但看不到我用 btnGlyphicon 设置的图标。

生成的 html 是 <i class="fa glyphicon glyphicon-edit"></i> class 中是否需要 fa + glyphicon？我添加了 font-awesome 作为依赖，但我仍然看不到图标。

我错过了什么？

感谢任何帮助

import React from 'react';

import {
 BootstrapTable, TableHeaderColumn, 
 ButtonGroup, Button, InsertButton
} from 'react-bootstrap-table';
import './../node_modules/react-bootstrap-table/dist/react-bootstrap-table-all.min.css';
import './../node_modules/bootstrap/dist/css/bootstrap.min.css';


createCustomButtonGroup(props) {
  return (
    <ButtonGroup className='my-custom-class' sizeClass='btn-group-md'>
   { props.exportCSVBtn }
   <InsertButton 
     btnText='Info'
     className='my-custom-class'
     btnGlyphicon='glyphicon-edit'
     onClick={ () => this.changeInfoFilter() }/>
   <InsertButton 
     btnText='Warning'
     className='my-custom-class'
     btnGlyphicon='glyphicon-edit'
     onClick={ () => this.changeWarningFilter() }/>
   <InsertButton
     btnText='Error'
     className='my-custom-class'
     btnGlyphicon='glyphicon-edit'
     onClick={ () => this.changeErrorFilter() }/>
   <InsertButton 
     btnText='Command'
     className='my-custom-class'
     btnGlyphicon='glyphicon-edit'
     onClick={ () => this.changeCommandFilter() }/>
    </ButtonGroup>
  );
 }

Answer 1

显然这是一个已知问题，字形不在 bootstrap 4 中： https://getbootstrap.com/docs/4.0/migration/

react-bootstrap-table：无法在自定义工具栏按钮上设置字形

react-bootstrap-table: cannot set a glyphicon on a custom toolbar button

html

javascript

glyphicons

react-bootstrap-table