reactjs - 缺少 jQuery 数据表按钮

Question

我无法使 jQuery 数据表中的按钮工作。我已经用 create-react-app 创建了 react 应用程序

import React from 'react';
import $ from 'jquery';
// eslint-disable-next-line
import dt from 'datatables.net';
// eslint-disable-next-line
import buttons from 'datatables.net-buttons';

export default (Child, tableId) =>
    class extends React.Component {
        componentDidMount = () => {
            $(`#${tableId}`).DataTable({
                ordering: true,
                info: false,
                pageLength: 10,
                responsive: true,
                dom: '<"buttons"B>lTfgitp',
                buttons: [ 'csv', 'excel', 'pdf' ]
            });
        };

        render = () => <Child {...this.props} />;
    };

以及在本地运行的整个源

我注意到，当我将wearg 按钮置于配置中时：buttons: [ 'csv', 'excel', 'pdf', 'foobar' ]我在控制台中有错误'Uncaught Unknown button type: foobar' 所以我猜有些东西在工作，但我仍然看不到按钮。