Показать сообщение отдельно
  #1 (permalink)  
Старый 22.12.2019, 18:40
Новичок на форуме
Отправить личное сообщение для yanVolskiy Посмотреть профиль Найти все сообщения от yanVolskiy
 
Регистрация: 22.12.2019
Сообщений: 2

Кнопка с иконками
Всем привет, относительно недавно изучаю ДжаваСкрипт и сейчас выполняю тестовое задание используя 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>


В задаче сказано, что есть кнопка, которая будет открывать список. На кнопке должна быть иконка "стрелка вверх" при закрытом списке и иконка "стрелка вниз" при закрытом списке.
Подскажите пожалуйста как это сделать, заранее благодарен
Ответить с цитированием