1

我正在尝试从 之外的其他组件触发我的 exportCSV TookkilProvider，这可能吗？this.refs.table.handleExportCSV(); 我确实在这里看到了一些参考，但我似乎找不到该功能

任何帮助表示赞赏

我的代码如下

<ToolkitProvider
    keyField="id"
    data={[...data]}
    columns={Columns}
    exportCSV={{ onlyExportFiltered: true, exportAll: false }}
    search
>
    {
        props => (
            <div>
                <MyExportCSV {...props.csvProps} />
                <hr />
                <BootstrapTable keyField='id'
                    {...props.baseProps}
                    pagination={paginationFactory(options)} expandRow={expandRow}
                    ref={n => node = n} />

            </div>
        )
    }
</ToolkitProvider>
4

1 回答 1

1

您可以useRef在父组件和forwardRef子组件中执行此操作。创建自定义MyExportCSV并将hidden input父级传递ref给它并onExport()在点击时调用。然后在父级上，您可以创建button将在click子级输入的单击触发事件上。我为你写了例子。演示

于 2021-11-24T09:55:06.900 回答