如何在React中使用内嵌CSS调整模态高度

当前，当添加多个用户时，模式太小，无法包含所有电子邮件输入，导致模式溢出。尝试应用CSS的height 100%属性，但未成功。下面是一些代码：

const divEmail = {
  content: {
  position: "relative",
  display: "block",
  margin: "0 50px 0 30px",
  background: "transparent"}
};

class PageAssistantsPlitCurriesCollaborators扩展组件{
render（）{
推(
{u aD.name}
{t=>(
)}
);
});

返回(
{t=>(
{ayantDroits}
)}
);
}
}

您能分享您的结果屏幕吗？然后是包含此

PageAssistantsPlitCurriesCollaborators的父类或元素@liliYou为我指出了正确的方向，模态在另一个组件文件中设置为200px。谢谢不客气！如果你没事，我很高兴。
class PageAssistantSplitCourrielsCollaborateurs extends Component {

  render() {
      ayantDroits.push(
        <div style={{ height: "100%" }}>
          <div key={`champ--courriel__${elem}`}>
            <Label style={divEmail} htmlFor={`champ--courriel__${elem}`}>
              {_aD.name}
            </Label>
            <Translation>
              {t => (
                <Input
                  style={divEmail}
                  name={`champ--courriel__${elem}`}
                  id={_aD.rightHolderId}
                  defaultValue={_aD.email}
                  placeholder={t("flot.split.inscription.exemple")}
                  required={this.state.requis}
                  autoFocus={this.state.autoFocus}
                  type="email"
                  onChange={this.onChange}
                />
              )}
            </Translation>
          </div>
        </div>
      );
    });

    return (
      <div style={{ height: "100%" }}>
        <Translation>
          {t => (
            <div>
              {ayantDroits}
            </div>
          )}
        </Translation>
      </div>
    );
  }
}