为什么css样式不适用于模态？

由于某些原因，css样式没有应用于React模式。有什么原因吗

render() {
    return (
      <div>
        <Modal defaultOpen={this.props.isShowing} className="openmodal">
        </Modal>
      </div>
    );
}

---

如果你想使用javascript风格，你可以这样应用它

const openmodal={
内容：{
textAlign:'中心'，
背景颜色：“黑色”，
边界半径：“0”，
宽度：“400px”，
位置：'相对'
}
}
render（）{
返回(
);
}

它应该是portalClassName:

<Modal defaultOpen={this.props.isShowing} portalClassName="openmodal">
</Modal>

---

它有自己的DOM结构和自己的类集

---

因此，您必须在屏幕截图中以这些类为目标

呈现的HTML是什么样子的？有什么线索吗？OpenModel代码放在哪里了？在一个.css文件中，或者像在您提供的代码中那样在渲染函数的正下方？可能是因为Modal没有将className作为属性。共享更多的代码，以便我们能够找到它。@DavidNeto.openmodal在一个css文件中。@Erik它说它确实在一个外部css文件中有.openmodal。我更新了我的问题以反映这一点。我编辑的答案是针对react modal的。我不知道语义ui模式是如何工作的。

<Modal defaultOpen={this.props.isShowing} portalClassName="openmodal">
</Modal>