React专栏：React-dom 使用 css

2024-1-13 14:14

33 字

2 分钟


    // myStyles.css
    .content-wrap {
      width: 200px;
      ...
    }
    .content-wrap-right {
      float: right;
    } 

    // 引入 myStyles.css
    import './myStyles.css'

    // 配置 class 使用
    <div className="content-wrap"></div>

    // 动态className

    const [isRight, isRightSet] = useState(false)
    ...
    <div className={isRight?`content-wrap-right`:`content-wrap`}></div>

    // 直接在元素上配置 style

    <div style={{width:'200px', height:'200px', ...}}></div>

    // 动态style数据

    ...
    const myStyle = {width:'200px', height:'200px'}

    <div style={myStyle}></div>