javascript - Accordion 打开时需要将 .down-arrow 类添加到 div

Question

• 我使用 CSS 创建了箭头图像。
• 但问题是我需要在 Accordion 打开时将 .down-arrow 类添加到 div。
• 现在我添加了一张图片，但不确定如何添加另一张图片。
• 你们能告诉我如何解决吗
• 在下面提供我的代码

.down-arrow {
    -ms-transform: rotate(-55deg);

Answer 1

像这样创建一个不可见类

.invisible{
display:none;
}

然后

var upArrowClassName = 'up-arrow' + (this.props._selected ? '' : ' invisible');
var downArrowClassName = 'down-arrow' + (this.props._selected ? ' invisible' : '');

然后将这些类应用到div

<div className={upArrowClassName}></div>
<div className={downArrowClassName}></div>

根据 this.props._selected 的值，在任何给定的时间点，一个人将附加 invisible 类并且不可见。