Кнопка с иконками
Всем привет, относительно недавно изучаю ДжаваСкрипт и сейчас выполняю тестовое задание используя React js. Столкнулся с проблемой передачи картинки по импорту в кнопку. Код выглядит так:
import arrowDown from '../../../media/icons/arrow-down.svg';
import arrowUp from '../../../media/icons/arrow-up.svg';
<Button className={classes.reportBtn} onClick={handleClick}>
<img className={classes.groupIcon} src={group} alt="group icon" />
{open ? 'Hide report' : 'Show report'}
</Button>
В задаче сказано, что есть кнопка, которая будет открывать список. На кнопке должна быть иконка "стрелка вверх" при закрытом списке и иконка "стрелка вниз" при закрытом списке.
Подскажите пожалуйста как это сделать, заранее благодарен
|