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

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

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

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


这样一来效果就出来了

这个文件结构和属性位置明确之后,其他的语法和规则应该同传统的css一个样子了。
毕竟react是中前端技术,所以对于UI是有要求的,骨架和层级设计完了,就该轮到样式出场了。参照:快速入门 -- React 中文文档 中的**"添加样式"**部分
起初我以为className需要加在被嵌套的组件里面,比如:
但这样是不对的,需要将其添加在原始的函数组件内,如下
还要将对应的css文件引入主文件:
这样一来效果就出来了
这个文件结构和属性位置明确之后,其他的语法和规则应该同传统的css一个样子了。