在React RND中调整Google图表的大小

Question

我是新手，正在做出反应，目前正在开发应用程序，

背景：

我正在尝试使用可调整大小的rnd组件，该组件的内容为地理地图。

问题：

即使rnd组件调整大小可以正常工作，rnd组件内部的内容也不会调整大小。

代码：

https://codesandbox.io/embed/15lo3mw93?fontsize=14

任何建议或提示都会有所帮助。

谢谢。

Answer 1

在调整大小时需要更新组件的状态，这将触发渲染，并且贴图应该具有适当的大小。

<Rnd
    style={style}
    default={{
      x: 0,
      y: 0,
      width: "" + this.state.mappanelwidth + "",
      height: "" + this.state.mappanelheight + ""
    }}
    onResize={(e, direction, ref, delta, position) => {
      this.setState({
        mappanelheight: ref.offsetHeight,
        mappanelwidth: ref.offsetWidth
      });
    }}
  >