相关疑难解决方法(0)

添加存储在React类中的变量中的样式

我正在尝试在我的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)

但样式不适用.我怎样才能做到这一点?

javascript css reactjs

4
推荐指数
2
解决办法
1万
查看次数

标签 统计

css ×1

javascript ×1

reactjs ×1