Stop Propagation in React JS Custom Visuals

Anonymous — Sun, 15 Nov 2020 21:18:34 GMT

Hi all,

I have successfully built a custom visual using the React JS, following this tutorial (https://docs.microsoft.com/pt-br/power-bi/developer/visuals/create-react-visual) and everything is working fine except the Event StopPropagation,

I developted a Table in React using the Material UI, everything ok, but in the event click (onClick props), im calling that function

selectionManager .select(selected.identity, false) .then((ids: powerbi.visuals.ISelectionId[]) => { console.log("IdsSelecao", ids); this.syncSelectionState(selected); }); event.preventDefault(); event.stopPropagation();

In the syncSelectionState there are setState, which one call the render, its ok, but there are another unexpected render, calling the update method in the visual.ts consequently , thats render my components again...
Using the d3, this behavior is treated using this

this.selectionManager .select(event.identity, true) .then((ids: ISelectionId[]) => { this.syncSelectionState(this.barSelection, ids, event.identity); }); (<Event>d3.event).stopPropagation();

I need help to fix that, why doesnt stopPropagation work? Ive tryiing use

event.nativeEvent.stopImmediatePropagation() but without sucess

Gabriel.

Re: Stop Propagation in React JS Custom Visuals

Anonymous — Wed, 25 Nov 2020 00:12:57 GMT

Anybody? I have no ideia to solve that

topic Stop Propagation in React JS Custom Visuals in Developer

Stop Propagation in React JS Custom Visuals

Re: Stop Propagation in React JS Custom Visuals