Reactjs React csv在React引导下拉列表中不起作用

我有如下所示的业务需求

在这里，我使用了react bootstrap中的下拉按钮来实现上述菜单

<span className="widget-controls" mr-eye-widget-type='Menu'>
                    <DropdownButton
                        alignRight
                        drop='down'
                        title="" className="download-CSV-button fa fa-ellipsis-v ">
                        <Dropdown.Item>Testttt</Dropdown.Item>
                        <Dropdown.Item>
                            <CSVLink { ... switchRef } data={this.state.downloadData} asyncOnClick={true} headers={this.state.dowloadHeader} filename={this.state.downloaFileName}>
                                <span className="csv-download" mr-eye-widget-type='DownloadButton' >
                                    <div className="fa fa-download listColor" >
                                        <span className="download-text">{widgetLabelConfig.englishConfig.Resource_Download_as_CSV}
                                        </span></div>
                                </span>
                            </CSVLink>
                        </Dropdown.Item>
                    </DropdownButton>
                </span>

Testttt
{widgetLabelConfig.englishConfig.Resource_Download_as_CSV}

---

在代码中，其中一个菜单项是Testttt，它显示第二个菜单项的位置是CSVLink，这是一个npm react csv模块，用于下载。当我将它放在下拉菜单外时，它不会在dom中呈现。它工作正常。请让我知道为什么它在里面会失败DropdownButton

我猜下拉菜单项选择callback stopping propagation并防止调用csv下载链接的点击回调。不确定能否请告诉我如何修复此问题是的，可能我不太熟悉此组件，但我认为您的下拉项是

，但有一个道具可以设置为按钮下拉项，如

…

ossom感谢您，这是解决方案