react

入口文件
React负责逻辑控制


图片.png

渲染了<APP>标签，把它挂载到页面的宿主上，宿主的名字叫root（下图中）


图片.png

使用 JSX

图片.png

{}里可以用任何变量


图片.png

两种编程方式


图片.png

如果数据需要修改，并且同时页面响应变化，我们需要放在state中，并且使用setState来修改数据
1.直接修改状态值不能生效
2.批量执行
图片.png
图片.png

条件渲染和循环


图片.png

事件处理


图片.png

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

相关阅读更多精彩内容

  • React学习(二)-深入浅出JSX
    前言 在Jq,原生javascript时期,在写页面时,往往强调的是内容结构,层叠样式,行为动作要分离,三者之间分...
    itclanCoder阅读 4,077评论 0赞 2
  • react
    40、React 什么是React？React 是一个用于构建用户界面的框架（采用的是MVC模式）：集中处理VIE...
    萌妹撒阅读 4,765评论 0赞 1
  • Entry to React
    原教程内容详见精益 React 学习指南，这只是我在学习过程中的一些阅读笔记，个人觉得该教程讲解深入浅出，比目前大...
    leonaxiong阅读 7,881评论 1赞 18
  • React官方文档
    HTML模版 之后出现的React代码嵌套入模版中。 1. Hello world 这段代码将一个一级标题插入到指...
    ryanho84阅读 11,437评论 0赞 9
  • react总结（摘自react小书）
    1、什么是react React.js 是一个帮助你构建页面 UI 的库。React.js 将帮助我们将界面分成了...
    谷子多阅读 7,374评论 1赞 13

友情链接更多精彩内容