React-BootstrapのModalではダイアログの表示サイズを指定するためにdialogClassNameにCSSクラス名を指定する必要があります。
なお、bootstrapで用意されているCSSクラスでは横幅に影響するCSSクラスしかないため、高さを調整するためには高さを含むCSSクラスを定義し、追加する必要があります。
render() {
const props = {
show: true,
onHide: () => console.log("onHide"),
dialogClassName: "modal-middle custom-height", // カスタムCSSクラスを挿す
tabIndex: -1,
role: "dialog",
backdrop: "static"
};
return (
<Modal {...props}>
<div>content</div>
</Modal>
);
}
横幅の指定方法があるのなら高さの指定方法もありそうだと思って探してしまいますが、高さはCSSでなんとかするという方針のようです。