Блог

Я новичок в react и в настоящее время разрабатываю приложение,

ПРЕДЫСТОРИЯ:

Я пытаюсь использовать rnd-компонент с изменяемым размером, который содержит диаграмму географической карты в качестве содержимого.

ПРОБЛЕМА:

Несмотря на то, что изменение размера компонента rnd работает нормально, содержимое внутри компонента rnd не изменяется.

код:

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

Любые предложения или подсказки были бы полезны.

Заранее спасибо.

Вам необходимо обновить состояние компонента при изменении размера, это вызовет рендеринг, и карта должна получить правильные размеры.

 <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
      });
    }}
  >