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

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

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

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

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

这样一来效果就出来了

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

相关推荐
Kellen4 小时前
ReactDOM.preload
前端·react.js
weixin_462446234 小时前
nodejs 下使用 Prettier 美化单个 JS 文件(完整教程)
开发语言·javascript·ecmascript
行走的陀螺仪5 小时前
JavaScript 装饰器完全指南(原理/分类/场景/实战/兼容)
开发语言·javascript·ecmascript·装饰器
烟西5 小时前
手撕React18源码系列 - Event-Loop模型
前端·javascript·react.js
文心快码BaiduComate6 小时前
给 AI 装上“员工手册”:如何用Rules 给文心快码 (Comate) 赋能提效?
前端·程序员·前端框架
哆啦A梦15886 小时前
商城后台管理系统 06 Mock.js模拟数据
开发语言·javascript·ecmascript
涔溪6 小时前
如何使用 CSS Grid 实现响应式布局?
前端·css
代码续发6 小时前
自定义指令
javascript·vue.js·ecmascript
0思必得07 小时前
[Web自动化] CSS基础概念和介绍
前端·css·python·自动化·html·web自动化
用户47949283569157 小时前
面试官问 React Fiber,这一篇文章就够了
前端·javascript·react.js