这是因为有不同的行动顺序。
使用React：
1.创建的图表不包含数据
1.接收数据并更新图表
无React：
1.接收数据
1.图表已创建
作为一种解决方案，您可以在useEffect挂钩中调用loadInitialData，并在接收到数据后呈现HighchartsReact组件。

const ChartComponent = () => {
  const [options, setOptions] = useState(null);

  useEffect(() => {
    loadInitialData();
  }, []);

  function loadInitialData() {
    fetch(dataURL)
      .then((res) => res.ok && res.json())
      .then((data) => {
        ...
        setOptions({
          ...chartOptions,
          series: [
            {
              data
            }
          ],
          ...
        });
      });
  }

  function afterSetExtremes(e) {
    ...
  }

  return (
    options && (
      <HighchartsReact
        constructorType="stockChart"
        highcharts={Highcharts}
        options={options}
      />
    )
  );
};

现场演示：https://codesandbox.io/s/highcharts-react-3tcdw7?file=/demo.jsx