React Native:关于react自定义css属性的位置

毕竟react是中前端技术,所以对于UI是有要求的,骨架和层级设计完了,就该轮到样式出场了。参照:快速入门 -- React 中文文档 中的**"添加样式"**部分

起初我以为className需要加在被嵌套的组件里面,比如:

但这样是不对的,需要将其添加在原始的函数组件内,如下

还要将对应的css文件引入主文件:

这样一来效果就出来了

这个文件结构和属性位置明确之后,其他的语法和规则应该同传统的css一个样子了。

相关推荐
卡布鲁3 天前
把一个 Vite + Vue3 应用塞进 qiankun (React + Umi3) 主站:十个坑的复盘
前端·javascript·react.js
用户298698530143 天前
在 React 中用 JavaScript 将 Word 转换为文本
前端·javascript·react.js
zihan5183 天前
自己做软件日记9/21 得到了一个良好的文件结构框架
后端·flutter·前端框架·android studio
慧一居士3 天前
Nuxt 框架 插件plugins功能介绍和使用示例
前端框架
刃神太酷啦3 天前
前端入门第一课:HTML 基础语法 + 常用标签 + 实战全解
服务器·c语言·前端·javascript·css·c++·html
狗狗狗狗狗乐啊4 天前
搭一个 AI 对话工作台 AChat:从 0 到可用的完整记录(一)
python·react.js·ai编程
扶苏10024 天前
CSS 图标换色指南:用 brightness / invert / mask 把任意图片改成想要的颜色
css
我命由我123454 天前
CSS - CSS 媒体查询 orientation
前端·javascript·css·html·css3·html5·js
GISer_Jing4 天前
Come on,工作总结
前端·ai·前端框架
zhanghaha13144 天前
HTML系列教程:18_HTML / CSS 颜色零基础详解
css·html·tensorflow