Как изменить стиль при нажатии у всего содержимого контейнера?

сейчас по клику меняется стиль - прозрачность - только у объекта события, ну что я и прописала в функции. Как изменить функцию, чтобы стиль менялся сразу у всего контейнера - и у инонки, и у текста - при этом без разницы, какой из элементов является объектом события ?

<div className="chart-legend">
          {chart?.map((item, i) => {
            const itemclickHandler = e => {
              item.setVisible(!item.visible);
              switch (e.target.style.opacity) {
                case '':
                  return (e.target.style.opacity = '0.3');
                case '0.3':
                  return (e.target.style.opacity = '1');
                case '1':
                  return (e.target.style.opacity = '0.3');
                default:
                  break;
              }
            };
            return (
              <div className="chart-legend-item" onClick={itemclickHandler}>
                <div className="chart-legend-item__icon">{chartIcons[i]}</div>
                <div className="chart-legend-item__text">{item.name}</div>
              </div>
            );
          })}
        </div>
  • Вопрос задан
  • 57 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы