2

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 上的标题图标

4

2 回答 2

3

我自己刚刚遇到了这个问题，由于 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>
于 2018-07-29T09:01:21.480 回答
2

更改图标的名称：

<Icon name='chevron right' />

ref : React 语义图标集

于 2018-03-08T07:20:34.103 回答