React Day2 基本的语法使用

JSX 语法类似HTML 又不像,其实它是JS 的扩展写起来像HTML 标签的结构

React 所有的东西都可以组件化 ,Render 返回一个JSX的元素,必须包含一个JSX元素 return返回。

组件继承Component reader 渲染构建DOM 最终插入页面中

JSX 的{}中可以插入 变量 ,表达式, 函数执行的结果等如下图



执行的效果图如下图:


注意:穿插一个技巧代码格式Mac电脑 option command L 快捷键

参考链接:

http://huziketang.mangojuice.top/books/react/lesson7

https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/00143449926746982f181557d9b423f819e89709feabdb4000

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 3. JSX JSX是对JavaScript语言的一个扩展语法, 用于生产React“元素”,建议在描述UI的时候...
    pixels阅读 7,939评论 0 24
  • HTML模版 之后出现的React代码嵌套入模版中。 1. Hello world 这段代码将一个一级标题插入到指...
    ryanho84阅读 11,422评论 0 9
  • 原文地址:Learning React.js is easier than you think原文作者:Samer...
    sunshine小小倩阅读 9,686评论 3 41
  • 以下内容是我在学习和研究React时,对React的特性、重点和注意事项的提取、精练和总结,可以做为React特性...
    科研者阅读 12,580评论 2 21
  • 最近看了一本关于学习方法论的书,强调了记笔记和坚持的重要性。这几天也刚好在学习React,所以我打算每天坚持一篇R...
    gaoer1938阅读 5,687评论 0 5

友情链接更多精彩内容