如何更改ReactJS中的样式？

我需要改变主分区的背景色 例如：

if(value === 20){
 div.background: orange
} else if(value === 30){
 div.background: red
} else {
 div.background: gray
}

---

我如何才能做到这一点？

下面是一个如何做到这一点的示例：

import React from "react";
import ReactDOM from "react-dom";

class App extends React.Component {
  render() {
    const value = 20;
    let divStyle = {};

    if (value === 20) {
      divStyle.color = "red";
    } else {
      divStyle.color = "blue";
    }

    return <div style={divStyle}>hey there</div>;
  }
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

从“React”导入React；
从“react dom”导入react dom；
类应用程序扩展了React.Component{
render（）{
常数值=20；
设divStyle={}；
如果（值===20）{
divStyle.color=“红色”；
}否则{
divStyle.color=“蓝色”；
}
回到那里；
}
}
const rootElement=document.getElementById（“根”）；
ReactDOM.render（