Detener la propagación en elementos visuales personalizados de React JS

Anónimo

Hola a todos,

He construido con éxito un visual personalizado usando React JS, siguiendo este tutorial (https://docs.microsoft.com/pt-br/power-bi/developer/visuals/create-react-visual) y todo funciona bien excepto el evento StopPropagation,

Desarrollé una tabla en React usando la interfaz de usuario del material, todo está bien, pero en el caso de hacer clic (en los accesorios de clic), estoy llamando a esa función

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

    event.preventDefault();
    event.stopPropagation();

En syncSelectionState hay setState, que uno llama al render, está bien, pero hay otro render inesperado, llamando al método de actualización en el visual.ts, en consecuencia, eso es renderizar mis componentes nuevamente …
Usando el d3, este comportamiento se trata usando este

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

Necesito ayuda para solucionarlo, ¿por qué no funciona stopPropagation? He intentado usar

evento.nativeEvent.stopImmediatePropagation () pero sin éxito

Gabriel.

Anónimo

¿Cualquiera? No tengo ideia para solucionar eso

Entradas relacionadas

Deja un comentario Cancelar respuesta