如何在ReactJS中更改样式？

Question

我需要在主div中更改backgroundColor 例如：

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

我该怎么做？

Answer 1

这是如何执行此操作的示例：

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);

工作示例here。