Skip to content

Latest commit

 

History

History
32 lines (18 loc) · 1.23 KB

JSX中的那些小细节.md

File metadata and controls

32 lines (18 loc) · 1.23 KB
title date
JSX中的那些小细节
2017-04-06 03:53:53 -0700

导言

在学习 React 的过程中,我们无可厚非,需要接触到 JSX。在 JSX 中,有一些约定是我们需要遵守的,有一些细节也需要我们去牢记。

本文就将我在学习过程中,了解到的约定与细节总结如下。

1、自定义组件必须大写首字母

JSX 规定,只有大写的组件,才会被解析为自定义组件。

2、如果我们使用了自定义组件,那么我们必须导入 React组件对象

JSX会把组件编译为一个变量,所以就算在JSX没有直接使用,也需要进行导入,否则编译之后无法找到。

3、属性的默认值为true

如果传递属性时,没有给定值,那么默认访问属性,值将会是 true,和HTML属性一致。

4、JSX不支持返回多个元素,当我们有多个元素时,需要用一个外层div来包裹

5、布尔值,NULL和Undefinded将会被忽略(不会渲染)

6、一些 falsy values 会被渲染,比如数字0

7、想要条件显示某些组件,需要保证 && 之前必须为 true or false

8、如果要显示 true, false, null, undefined,需要先转换为字符串