Изменение размера диаграммы 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
      });
    }}
  >