Есть датасет в котором условно 4 элемента [1,2,3,4]
По нажатию на один из элементов, я хочу добавит к нему слой path
Но по нажатию другой кнопки (внешней) я хочу удалить из него path
componentDidUpdate() {
svg.data(coordinates)
.enter()
.append("g")
.attr("class", "dot")
.on('click', function({ id }) {
if(!incidentInfo) {
let active = d3.select(this).select(".active").remove();
}
active.append("path")
.attr('class', 'active')
.style('opacity', '0.5')
.attr('fill', 'none');
getIncidentInfo({ id })
});
Проблема в том что внутри функции on click внутри componentDidUpdate я получаю либо this который ссылается на элемент либо this который ссылается на класс в котором все это происходит.
Но как мне добавить в выбраный элемент что то, если я не могу узнать что пришло снаружи?