Question

我有一个手风琴标题，包括克拉，一些文本和一个带有其他内容的div。我希望手风琴只在用户单击克拉或文本时才展开，而不要在多余的div处展开。单击div会完全执行其他操作。

我注意到，在基本的Semantic-UI中，您可以指定要触发的CSS选择器，但这似乎是JQuery特定的，并且在react版本中不可行。

这可能吗？

<Accordion.Title
   active={activeIndex === 0} index={0} onClick={this.handleClick}
>
  <Icon name="dropdown" />
  <span className="name">{data.name}</span>
  <div>some extra junk - don't expand on this</div>
</Accordion.Title>

Answer 1

您的onClick事件将附加到Accordion.Title本身。这意味着当您单击该组件时，将触发handleClick函数。如果希望在单击Icon时触发handleClick函数，则需要将处理程序函数移至该组件。

<Icon 
  name='dropdown'
  onClick={this.handleClick}
/>

使用语义UI反应手风琴时如何扩展/折叠部分标题

1 个答案: