如何使Reactstrap模态具有可调整大小和可拖动的动态内容？

Question

我想使用来自其他组件的动态内容使Reactstrap模态可调整大小和可拖动。

我的代码：

    <Draggable>
      <Modal isOpen={modal} toggle={this.toggle}>
        <ModalHeader toggle={this.toggle}>Add/Edit</ModalHeader>
        {modal ?
          <ModalBody>
            {this.props.dynamicComponent}
          </ModalBody> : ''}
      </Modal>
    </Draggable>

我已经通过使用react-draggable实现了可拖动，但是我无法调整大小。我已经使用了react-draggable和react-resizable，但是如果react-resizable之前的re-resizable标签它们甚至在打开模态之前和打开“可调整大小”之后都创建了空间。

我在re-resizable之后放置了<Resizable>标签，可调整大小无法正常工作。

Answer 1

我没有找到完整的答案，所以我决定删除Draggable并只将Resizable添加到Modal，所以我将此CSS代码添加到了modal中：

<Draggable>