用作向导时，如何保持Bootstrap模态的高度相同？

Question

我正在以React Bootstrap模式构建向导。我使用的<Modal>定义如下所示。 size和centered属性的工作原理与预期完全相同，因为我得到了所需的宽度和居中位置。

问题在于模态的高度不断跳来跳去。向导中的第一个“步骤”看起来正确。然后下一步太小（不够高），而第三步太高。

我想要的是向导所有步骤中模态的高度一致。如果垂直内容过多，则希望出现滚动条，可以在<div>和overflow-y属性中进行操作

我已经阅读了有关该主题的几篇文章，但没有任何内容。任何建议将不胜感激！

      <Modal
        backdrop={'static'}
        size='lg'
        show={true}
        dialogClassName={classes.modalContainer}
        centered={true}
        onHide={handleCancelClick}
      >

  modalContainer: {
    height: '90vh',
    minHeight: '90vh'
  },