Google图表高度不会在反应中有条件地改变

Question

你好吗？ （我承认我有些沮丧）

我正在使用Google图表的react组件。 所有图表数据均来自API，因此我基于该API渲染了一些图表，但是我希望将此图表全屏显示并根据用户屏幕进行扩展，但是当我传递新的高度道具时，它将继续使用旧的。

我已经尝试制作两个组件，并在全屏模式下显示最大的组件

{
  fullScreen ? (
    <Chart
      height={window.innerHeight}
      chartType="Bar"
      data={info.API}
      options={{
        bars: "horizontal",
        legend: { position: "none" }
      }}
    />
  ) : (
    <Chart
      height={300}
      chartType="Bar"
      data={info.API}
      options={{
        bars: "horizontal",
        legend: { position: "none" }
      }}
    />
  );
}

我也尝试过类似的方法Google gantt chart not updating height 但没有改变

我的第一次尝试是height={fullScreen ? "100%" : 300}

该如何做才能使Chart增长和缩小？