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

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

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

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

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

这样一来效果就出来了

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

相关推荐
前端若水9 小时前
会话管理:创建、切换、删除对话历史
前端·人工智能·python·react.js
放下华子我只抽RuiKe510 小时前
React 从入门到生产(四):自定义 Hook
前端·javascript·人工智能·深度学习·react.js·自然语言处理·前端框架
码云之上13 小时前
万星入坞·其三:SDK 轻量组件如何优雅地"点亮"
性能优化·架构·前端框架
从文处安14 小时前
「前端何去何从」React Router:让单页应用有多页的体验
前端·react.js
Zzzzmo_16 小时前
【HTML+CSS+JavaScript】02 CSS样式
css
ZC跨境爬虫16 小时前
跟着 MDN 学CSS day_3:(为一个传记页面添加样式)
前端·javascript·css·ui·音视频·html5
whuhewei16 小时前
React diff算法为什么是DFS,不是BFS
算法·react.js·深度优先
从文处安16 小时前
「前端何去何从」混乱到有序的状态管理: Reducer 与 Context
前端·react.js
墨狂之逸才19 小时前
React Native 状态管理大比拼:Event Bus 还是 Context?小白一看就懂!
react native
星栈19 小时前
Rust 全栈项目里,我写了一个不再重复造轮子的泛型表格组件
前端·前端框架·开源