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

Question

[Анастасия]

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

<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>

Comments

[tantumus21]

background:rgba(0, 0, 0, 0.3);

или

.chart-legend > * {
opacity: .3;
}

[Евгений]

Думаю вместо e.target.style.opacity нужно просто e.style.opacity

[Анастасия]

tantumus21, но это же будет статично, а мне нужно, чтобы прозрачность менялась при нажатии на этот контейнер. у меня из массива chart рисуются 3 контейнера, в каждом из которых иконка и текст. и при нажатии на любой из контейнеров, мне нужно, чтобы только у него дочерних элементов - у обоих сразу - менялась прозрачность

[Анастасия]

Евгений, я попробовала прописать везде e.currentTarget.style.opacity - и так сработало.