Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 在react rnd中重新调整Google图表的大小_Reactjs_Charts_Widget_Resizable - Fatal编程技术网

Reactjs 在react rnd中重新调整Google图表的大小

Reactjs 在react rnd中重新调整Google图表的大小,reactjs,charts,widget,resizable,Reactjs,Charts,Widget,Resizable,我是一个反应新手,目前正在开发一个应用程序 背景: 我试图使用一个可调整大小的rnd组件,它的内容是地理地图图表 问题: 即使rnd组件的大小调整工作正常,rnd组件内的内容也不会调整大小 代码: 任何建议或提示都会有帮助 提前感谢。当您调整大小时,您需要更新组件的状态,它将触发渲染,并且贴图应具有适当的大小 <Rnd style={style} default={{ x: 0, y: 0, width: "" + this.state

我是一个反应新手,目前正在开发一个应用程序

背景:

我试图使用一个可调整大小的rnd组件,它的内容是地理地图图表

问题:

即使rnd组件的大小调整工作正常,rnd组件内的内容也不会调整大小

代码:

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


提前感谢。

当您调整大小时,您需要更新组件的状态,它将触发渲染,并且贴图应具有适当的大小

<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
      });
    }}
  >
{
这是我的国家({
地图面板高度:参考离地高度,
mappanelwidth:ref.offsetWidth
});
}}
>

sir,无法水平展开rnd面板?我可能会出错的地方似乎是父容器的问题。选中此项: