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

更改图标的名称：

<Icon name='chevron right' />

参考：React semantic icon set

Answer 2

我本人只是面对这个问题，由于OP没有发布他的解决方案，因此以下内容可能会对其他人有所帮助。

用于确定手风琴是否处于活动状态的相同逻辑可用于设置标题。只需使用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>

如何更改语义UI React Accordion中的Title图标

2 个答案: