0
204
ViewsEl gancho React se activa al cerrar la barra lateral de streamlit cuando se usa el componente React D3 (https://github.com/andfanilo/streamlit-d3-demo)
estoy usando useEffect hook para volver a renderizar el gráfico cuando los datos se modifican como se muestra a continuación
const svgRef = useRef(null) const { svgWidth, svgHeight, data, line_data, key }: PythonArgs = props.args useEffect(() => { Chart() .container(svgRef.current) .data(data) .render() }, []) // Hook to update data useEffect(() => { Chart() .container(svgRef.current) .data(data) .render() },[data])pero cada vez que hago clic en el botón Cerrar, se activa el gancho.
Se adjunta la captura de pantalla de la barra lateral.
Gracias
·
Juan Pablo Isaza
1 answers
Answer question0
Retire el primer gancho. Modifique el segundo de la siguiente manera:
useEffect(() => { if (data && svgRef.current) { Chart().container(svgRef.current).data(data).render(); } },[data, svgRef]);¿Ayuda?
·
Juan Pablo Isaza
Report
Answer question