Javascript 如何覆盖React组件'；s造型 如何从全局样式中重写子组件的样式？ 我有一个在SCSS中定制的主组件 我有一个子组件，它使用语义UI-React 现在，子组件无法正确显示由Semantic UI React

有什么办法可以做到这一点吗

代码如下：（精简版）

//MainComponent.js
导入“./样式”
导出默认类MainComponent扩展组件{
返回(
)
}

//ChildComponent.js
从“语义ui反应”导入{菜单、手风琴、图标}
导出默认类ChildComponent扩展组件{
render（）{
返回(
经验
{this.state.checkBoxData
？this.state.checkBoxData.map（（数据，索引）=>{
返回(


)
}
)：null}
)
}
}

使用：

style={{}

在要提供内联样式的元素内部

或者像这样：

const divStyle = {
  color: 'blue',
  backgroundImage: 'url(' + imgUrl + ')',
};
function exmaple() {
  return <div style={divStyle}>element</div>;

const divStyle={
颜色：“蓝色”，
背景图片：'url（'+imgUrl+'），
};
函数exmaple（）{
返回元素；

您确定没有忘记在主index.html文件中导入语义ui css吗？如果下面的答案回答了您的问题，请给它打绿色的勾号，并可能投上一票！！！

const divStyle = {
  color: 'blue',
  backgroundImage: 'url(' + imgUrl + ')',
};
function exmaple() {
  return <div style={divStyle}>element</div>;