我正在尝试在我的React类中使用一些样式.我在做之前做过:
<div style={{background: "red"}}></div>
Run Code Online (Sandbox Code Playgroud)
我想改用变量,例如:
<div style={divStyle}></div>
Run Code Online (Sandbox Code Playgroud)
我的代码看起来像:
class HolaMundo extends React.Component {
const divStyle = {
color: 'blue',
};
render() {
return(
<div className="container" style={divStyle}>
<h1> Hola {this.props.name}</h1>
</div>
);
}
}
ReactDOM.render(<HolaMundo name="One" />, document.getElementById("app"));
Run Code Online (Sandbox Code Playgroud)
但样式不适用.我怎样才能做到这一点?