reactjs - 如何更改语义 UI React Accordion 中的标题图标

Question

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

在他们的第一个示例中，我有一个要求，我需要另一个图标而不是下拉菜单。

我需要将其替换为“右角，下角”。

<Accordion.Title active={activeIndex === 2} index={2} 
onClick={this.handleClick}>

  <Icon name='dropdown' />/* dropdown to angle right or down*/

  How do you acquire a dog?

</Accordion.Title>

有人有这方面的经验吗？如何更改react-semantic-Accordion上的标题图标

Answer 1

我自己刚刚遇到这个问题，由于OP没有发布他的解决方案，以下内容可能对其他人有帮助。

用于确定 Accordion 是否处于事件状态的相同逻辑可用于设置标题。只需使用 const 作为图标名称，例如

const iconName = activeIndex === 2 ? 'chevron down' : 'chevron right';
<Accordion.Title active={activeIndex === 2} index={2} this.handleClick}>

  <Icon name={iconName} />/* dropdown to angle right or down*/

  How do you acquire a dog?

</Accordion.Title>