react基础样式控制

行内样式
<div style={{width:'500px', height:'300px',background:'#ccc',margin:'200px auto'}}>文本</div>
 class类名

注意:在react中使用class类名必须使用className

在外部src下新建index.css文件写入你的样式
.fontcolor{
    color:red
}
在用到的页面引入使用
import './index.css' //引入


//使用  className
<button className='fontcolor'>修改{user.name}</button>

相关推荐

  1. 03 React 基础样式控制

    2024-07-18 14:20:03       36 阅读
  2. React】事件绑定、React组件、useState、基础样式

    2024-07-18 14:20:03       18 阅读
  3. react-jss书写样式

    2024-07-18 14:20:03       53 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-18 14:20:03       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-18 14:20:03       71 阅读
  3. 在Django里面运行非项目文件

    2024-07-18 14:20:03       58 阅读
  4. Python语言-面向对象

    2024-07-18 14:20:03       69 阅读

热门阅读

  1. Linux-快捷键以及vim工具使用

    2024-07-18 14:20:03       20 阅读
  2. Web前端-Web开发CSS基础3-盒模型

    2024-07-18 14:20:03       19 阅读
  3. C++ bind和placeholders

    2024-07-18 14:20:03       21 阅读
  4. 力扣LCR184.设计自助结算系统

    2024-07-18 14:20:03       19 阅读
  5. SpringBoot 实现整合kafka的简单使用

    2024-07-18 14:20:03       21 阅读
  6. 模乘逆元计算器

    2024-07-18 14:20:03       21 阅读
  7. 算法面试题六

    2024-07-18 14:20:03       21 阅读
  8. c++数据结构——栈

    2024-07-18 14:20:03       20 阅读