JSX语法

总结

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