总结
- JSX是一个看起来很像XML的js语法扩展,允许在js中使用可嵌套的闭合标签。
- 允许在闭合标签中使用js表达式,但要被{ }包裹。js表达式必须有返回值,因此无法直接用if else语句,可以使用三木运算符,如果是在需要使用可以写在函数中,在{}中调用
- 内联样式也是通过style定义的,但属性值不能是字符串而必须是对象,而且属性名要用驼峰命名法
- 标签子节点内的注释要包在大括号中,如:{/* */}
- 数组会自动展开所有成员,但如果数组或迭代器中每一项都是HTML标签或组件,那么必须要拥有唯一的key值,这样是为diff算法服务的,react会通过唯一的key实现最高效的DOM更新。