react基础样式控制

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

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

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


//使用  className
<button className='fontcolor'>修改{user.name}</button>
相关推荐
古一|37 分钟前
Vue3中ref与reactive实战指南:使用场景与代码示例
开发语言·javascript·ecmascript
peachSoda739 分钟前
封装一个不同跳转方式的通用方法(跳转外部链接,跳转其他小程序,跳转半屏小程序)
前端·javascript·微信小程序·小程序
@PHARAOH1 小时前
HOW - 浏览器兼容(含 Safari)
前端·safari
undefined在掘金390411 小时前
flutter 仿商场_首页
前端
少卿1 小时前
react-native图标替换
前端·react native
熊猫钓鱼>_>1 小时前
TypeScript前端架构与开发技巧深度解析:从工程化到性能优化的完整实践
前端·javascript·typescript
JYeontu2 小时前
肉眼难以分辨 UI 是否对齐,写个插件来辅助
前端·javascript
fox_2 小时前
别再踩坑!JavaScript的this关键字,一次性讲透其“变脸”真相
前端·javascript
盛夏绽放2 小时前
uni-app Vue 项目的规范目录结构全解
前端·vue.js·uni-app
少卿2 小时前
React Native Vector Icons 安装指南
前端·react native