当前位置: 首页 > news >正文

react 的学习随记

npx create-react-app my-app  创建一个名叫my-app的react的项目

npm run eject  运行 显示config 文件夹

react  jsx (使用时将babel 将jsx转为js)

单页面时需要引用

1,样式(在虚拟dom时)

  1. 引用样式时 用className=‘’

  2,引用js样式时 用{}

 3,内联样式使用 需要用{{}}

 4,虚拟dom 只有一个根标签

2,循环遍历时

虚拟dom  只能加载js表达式

(index 做key 可能出现问题)

 3,模块 
  1.函数式组件  

 一个字母必须大写  必须闭合

babel 开启严格模式 这里的this 为undefined

类的基本知识 

call 改this的指向 还有几个

正确

2,继承类

super 继承  必须在最前面

 子类调用父类的方法

 2,类式组件

a类继承b (a 类继承b类  前面是a 后面是b)

必须继承react 必须有render 

4,类身上state

5,原生事件点击按钮的方式   react的点击 推荐原生的第三种

但是react 中使用使 都用大写  onClick  针对所有的on 事件都是

并且使用时用{}  后面不能加()

点击 改变state时

这样才有this


http://www.mrgr.cn/news/5921.html

相关文章:

  • 如何通过变更让 PostgreSQL 翻车
  • 【STM32单片机_(HAL库)】3-2-3【中断EXTI】【电动车报警器项目】433M无线收发模块实验
  • Flutter Listview 缓存item滑动后不进行重新渲染
  • SQL - 索引
  • Thinkphp6 反序列化漏洞分析
  • 【数学建模备赛】Ep06:多元线性回归分析
  • 80页WORD方案深入了解大数据治理+大数据资产管理+数据运营
  • 阿里云ubuntu系统安装jdk + tomcat
  • 单例模式 详解
  • 128. 最长连续序列
  • 科技大通缩
  • 框架——MyBatis(!!!MyBatis 环境搭建步骤)
  • JAVA设计模式之【单例模式】
  • 一文掌握 Web 测试:功能、界面、兼容与安全的综合测试指南!
  • 【数据分析】数据的离中趋势之一 - 极差、分位距、平均差
  • Jenkins配置SSH凭据
  • CSS的:required和:optional伪类:增强表单字段的视觉识别
  • 【设计模式】建造者模式和单例模式
  • Redis笔记-分布式存储方案中哨兵模式配置
  • oracle数据库缓存区高速缓存区