reactjs - React - 在下拉菜单中开发手风琴时避免关闭下拉菜单

Question

我正在使用 Semantic UI React，我的代码结构如下所示：

 <Dropdown icon='plus'>
      <Dropdown.Menu >
             <Accordion>
              <Accordion.Title>
                   Test
              </Accordion.Title>
              <Accordion.Content>
                  Something
              </Accordion.Content>
            </Accordion>
      </Dropdown.Menu>
 </Dropdown>

我希望手风琴不要通过单击其标题来关闭下拉菜单。我尝试在下拉列表中使用 e.stopPropagation() 但它不起作用。你有什么建议吗？:D

Answer 1

https://react.semantic-ui.com/modules/accordion

单击第一个 CodeSandBox 按钮，然后单击打勾打开

在第 10 行更改：

const newIndex = activeIndex === index ? -1 : index

至：

 const newIndex = index;

保存更改并为自己测试。

您可以进一步整理功能：

  handleClick = (e, titleProps) => {
    const { index } = titleProps;
    this.setState({ activeIndex: index });
  };