Question

如何从全局样式中覆盖React子组件的样式？

我有一个自定义的SCSS样式的主要组件
我有一个子组件，其中使用binding.button.setOnButtonSwitched(OnButtonSwitchedListener { isLogin -> ... // your code })
现在，子组件无法正确显示semantic-ui-react完成的样式

有没有办法实现这一目标？

下面是代码：（精简版）

Semantic-UI-React

// MainComponent.js

import './styles'

export default class MainComponent extends Component{
 return (
  <Fragment>
   <Some_local_elements /> 
   <ChildComponent />
  </Fragment>
 )
}

Answer 1

使用：

style={{<html DOM attributes with camelcase>}}

要添加内联样式的元素内。

或类似这样：

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

如何覆盖React组件的样式

如何从全局样式中覆盖React子组件的样式？

1 个答案: