JSX语法

总结
  • JSX是一个看起来很像XML的js语法扩展,允许在js中使用可嵌套的闭合标签。
  • 允许在闭合标签中使用js表达式,但要被{ }包裹。js表达式必须有返回值,因此无法直接用if else语句,可以使用三木运算符,如果是在需要使用可以写在函数中,在{}中调用
  • 内联样式也是通过style定义的,但属性值不能是字符串而必须是对象,而且属性名要用驼峰命名法
  • 标签子节点内的注释要包在大括号中,如:{/* */}
  • 数组会自动展开所有成员,但如果数组或迭代器中每一项都是HTML标签或组件,那么必须要拥有唯一的key值,这样是为diff算法服务的,react会通过唯一的key实现最高效的DOM更新。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容