React：将 CSVLink 放入 DropdownButton 中的 MenuItem 时不起作用

Question

我在 React 文件中有这样的代码：

    import {Dropdown, DropdownButton, MenuItem} from "react-bootstrap";
    import {CSVLink} from "react-csv";
    <DropdownButton id={'sdfsd'} title={
      <>
        <img src={exportIcon}/>Export
      </>
    }>
      <MenuItem>
        <CSVLink data={myCsvData} filename={`first-case.csv`}>First Case</CSVLink>
      </MenuItem>
      <MenuItem>
        <CSVLink data={mySecondCsvData} className="link" filename={`second-case.csv`}>Second Case</CSVLink>
      </MenuItem>
    </DropdownButton>
    

可以看到

CSVLink

被包裹在

MenuItem

里面。它用于下载包含数据的 Excel 工作表，但现在不起作用。当我点击它时，什么也没有发生。

如何让它发挥作用？

Answer 1

我找不到 MenuItem 的任何文档，所以我使用了 Dropdown.Item.

请检查代码和框链接这里