如何让State.Props搭配Css/Scss

#1

在撰写Css样式的时候，有时候会透过this.state或是this.props来搭配控制，这样的编写方式
可以有什么样其他的方式可以整齐又统一好管理吗?

目前的撰写方式：

class Test extends React.Component {
  state = {
    show: true
  };
  render() {
    return (
      <div className="content">
        <style>
          {`
            .content{
                color:${this.state.show ? "#000000" : "#FFF000"}
            }
        `}
        </style>
        大家好!
      </div>
    );
  }
}
export default Test;

像是.content Css样式必须经由State来改变，是一定得编写在档案内吗
因为如果是将透过汇入.css / .scss档案，就好像无法使用到this.state / props

#2

classnames了解下，react只是负责数据到dom，css方案跟之前一样

#3

我统一都是做的变量处理，进行三元。