React 教程及其API接口文档

2023-11-20

React 详细中文开发文档,可以阅读:http://reactjs.cn/react/docs/tutorial.html

英文原文:http://facebook.github.io/react/

中文论坛:http://react-china.org/

视频教程:http://www.icoolxue.com/album/show/262



react 知识点 :

      HTML 相关:

             1. 原生 HTML 元素名以小写字母开头,而自定义的 React 类名以大写字母开头。

      JSX 相关:

             1. 注意:最简单开始学习 JSX 的方法就是使用浏览器端的JSXTransformer。我们强烈建议你不要在生产环境中使用它。你可以通过我们的命令行工具react-tools 包来预编译你的代码。

             2. React 的 JSX 里约定分别使用首字母大、小写来区分本地组件的类和 HTML 标签。

                   (1)、要渲染 HTML 标签,只需在 JSX 里使用小写字母开头的标签名。

                   (2)、要渲染 React 组件,只需创建一个大写字母开头的本地变量。



       组件相关:

            1. 通过 JavaScript 对象传递一些方法到 React.createClass() 来创建一个新的 React 组件。其中最重要的方法是render ,该方法返回一颗 React 组件树,这棵树最终将会渲染成 HTML 。

            2. ReactDOM.render() 实例化根组件,启动框架,把标记注入到第二个参数指定的原生的 DOM 元素中。

            

       数据模型相关:

              1. props 是不可变的(只读),可以通过this.props 访问到。通过this.props 来访问传入组件的数据,键名就是对应的命名属性,也可以通过this.props.children 访问组件内嵌的任何元素。

              2.state 是可变的,可以通过his.state 是组件私有的,可以通过调用this.setState() 来改变它。

              3. getInitialState() 在组件的生命周期中仅执行一次,用于设置组件的初始化 state 。

              4. componentDidMount 是一个组件渲染的时候被 React 自动调用的方法。

              5. 一个限制: React 组件只能渲染单个根节点。如果你想要返回多个节点,它们必须被包含在同一个节点里。

    

     事件相关:

             1. React 使用驼峰命名规范的方式给组件绑定事件处理器。

             2. 利用 ref 属性给子组件命名,通过 this.refs 引用 DOM 节点。

             3. 用回调函数作为属性( props )。

    

      移动平台相关: 

              1. 如果需要在手机或平板等触摸设备上使用 React,需要调用 React.initializeTouchEvents(true); 启用触摸事件处理。    

          

       



本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

React 教程及其API接口文档 的相关文章

随机推荐

  • 在Qt Creator中实现Android设备调试

    在Qt Creator中实现Android设备调试 要在Qt Creator中调试和运行Android应用程序 需要先连接设备并设置Qt Creator以使用适当的工具链 本文将介绍如何在Qt Creator中连接Android设备并配置Q
  • STM32的FSMC地址线对应关系通俗易懂解读和和驱动TFT-LCD的原理

    STM32的FSMC地址线对应关系通俗易懂解读和和驱动TFT LCD的原理 当 Bank接的是 8 位宽度存储器的时候 HADDR 25 0 对应FSMC A 25 0 当 Bank接的是 16 位宽度存储器的时候 HADDR 25 1 对
  • 内聚、耦合

    一 耦合 内聚的了解 看懂就行 不用强背 那么什么是耦合 什么是内聚呢 我来做个解释 内聚性 又称块内联系 指模块的功能强度的度量 即一个模块内元素彼此之间结合的紧密程度的度量 若一个程序之间各元素之间 程序段之间 联系紧密 则内聚性就高
  • Maven--快照(SNAPSHOT)版本介绍

    Maven快照 SNAPSHOT 版本介绍 在 Maven 中 任何一个项目和构件都必须有自己的版本 版本的值可能是 1 0 0 1 0 alpha 4 1 3 SNAPSHOT 等 其中 1 0 0 1 0 alpha 4 是稳定的发布版
  • Python实现数值列表(数组)的逆置输出

    题目描述 输入10个数字 然后逆序输出 输入 十个整数 输出 逆序输出 空格分开 样例输入 1 2 3 4 5 6 7 8 9 0 样例输出 0 9 8 7 6 5 4 3 2 1 arr list map int input split
  • mgrid

    numpy中的一个函数叫mgrid 例子 import numpy as np X Y np mgrid 0 1 1 1 7 0 1 1 1 7 print X shape print X print Y shape print Y 生成两
  • 分配操作菜单

    目录 概述 介绍 数据库 后端 前端 效果展示 概述 在写后台管理系统时 我们可以根据不同的登录人 给予不同的功能菜单 如 给楼栋管理员登录时分配 楼栋管理 宿舍管理 所以在数据库就要创建 1 登录人与角色表 2再给角色表分配操作菜单 登录
  • va_start和va_end使用详解

    转载于 http www cnblogs com hanyonglu archive 2011 05 07 2039916 html 本文主要介绍va start和va end的使用及原理 在以前的一篇帖子Format MessageBox
  • 工作日记NO.13

    1 执行机安装Qt 2 编译精简Qt5 15 X库 3 研究liadwg项目 尝试编译
  • 元宇宙与数字孪生有区别

    在元宇宙爆红之前 有一项技术已经慢慢渗透到各行各业之中 它可以逼真 实时地还原现实世界 它就是 数字孪生 目前很多人认为元宇宙与数字孪生的区别不大 元宇宙是数字孪生在技术层面的进阶与优化 其实不然 元宇宙和数字孪生虽然都属于用数字技术构建虚
  • 【廖雪峰python入门笔记】字符串_转义字符的使用

    转义字符的使用 字符串可以用 或者 括起来表示 如果字符串本身包含 怎么办 比如我们要表示字符串 I m OK 这时 可以用 括起来表示 I m OK 类似的 如果字符串包含 我们就可以用 括起来表示 Learn Python in imo
  • Qt 教程(传智教育)

    1 一个简单的 Qt 应用程序 Qt一个类对应一个头文件 类名就是头文件名 QApplication 应用程序类 管理图形用户界面应用程序的控制流和主要设置 是 Qt 的整个后台管理的命脉 它包含主事件循环 在其中来自窗口系统和其它资源的所
  • 快速排序(三种算法实现和非递归实现)

    快速排序 Quick Sort 是对冒泡排序的一种改进 基本思想是选取一个记录作为枢轴 经过一趟排序 将整段序列分为两个部分 其中一部分的值都小于枢轴 另一部分都大于枢轴 然后继续对这两部分继续进行排序 从而使整个序列达到有序 递归实现 v
  • (转)原理到实现

    转 https mp weixin qq com s Mrr1Rnl 594Gyyn9fHekjw 1NFS介绍 NFS是Network File System的简写 即网络文件系统 NFS是FreeBSD支持的文件系统中的一种 NFS基于
  • opencv中resize错误可能导致的原因之一

    cv2 error OpenCV 4 5 5 1 error 5 Bad argument in function resize 在用resize时会产生这个错误 有可能时传入的图片不存在了 假如你是从摄像头读取的图片 需要通过 ret f
  • vue 子父组件间的那些事儿——搭建项目(一)

    一 搭建vue项目 1 环境准备 基于nodejs vue cli cnpm 搭建vue项目 由于本博主已经具备以上环境 现在直接进行项目搭建 环境准备可参考这篇博客 https blog csdn net xcymorningsun ar
  • uni-app使用CSS实现无限旋转动画

    本来想用uni createAnimation创建一个旋转动画 发现转完一圈后就不动了 没法循环旋转 后来又用setInterval每隔一个周期就把旋转角度加180度 发现运行一段时间后动画逐渐崩坏 应该是动画的周期和定时器的周期时间没有完
  • 为什么重写equals就要重写hashcode

    在学习java的时候常常提到 重写equals就要重写hashcode hashcode和equals是个绑定在一起的东西 要了解这个我们需要了解两个函数 hashCode 方法 散列码 hash code 是由对象导出的一个整型值 散列码
  • js 设置网页打印的页眉页脚和页边距

    http blog sina com cn s blog 629788b70100n9zr html
  • React 教程及其API接口文档

    React 详细中文开发文档 可以阅读 http reactjs cn react docs tutorial html 英文原文 http facebook github io react 中文论坛 http react china or