ReactHooks,简单封装一个echarts

import { useEffect, useRef } from "react";

import * as echarts from "echarts";

let myChart: any;

const PriceEcharts = (props: any) => {

  const isRef = useRef(null);

  useEffect(() => {

   

    myChart = echarts.init(isRef.current as unknown as HTMLDivElement);

    myChart && myChart.on("click", function(val:any){

        props.clickEvent(val)

    });

    if (myChart) {

      myChart.clear();

      if(props.option){

        myChart.setOption(props.option);

      }

    }

    return () => {

      myChart && myChart.off("click");

      myChart = null;

    };

  }, [JSON.stringify(props.option)]);

  return <div id={props.id} ref={isRef} style={props.styles}></div>;

};

export default PriceEcharts;