virgosnail

摘要： ##1. 简介 组件可以通过添加ref属性来表示自己 react会收集实例的ref信息,以ref定义的名称为key,定义ref的节点为value,然后将这个key-value放到实例的refs属性中 可以通过this.refs.refName获取该ref对应的节点 不要过度使用ref ##2. 字符 阅读全文

摘要： ##1. 简介 pros用于接收传入组件的属性信息 一般pros只用于读取,不能修改,修改pros代码会直接报错 ##2. 基本使用 //创建组件 class Person extends React.Component{ constructor(props){ //构造器是否接收props，是否传 阅读全文

摘要： ##1. 累加求和 const array1 = [1,3,5,7,9] // 数据累加 function sum(...numbers){ return numbers.reduce((preValue,currentValue)=>{ return preValue + currentValue 阅读全文

摘要： 【文档链接】:展开语法 ##1. 展开数组 const array1 = [1,3,5,7,9] const array2 = [0,2,4,6,8] console.log(...array1) // 1 3 5 7 9 console.log(...array1) // 0 2 4 6 8 ## 阅读全文

摘要： ##1. 简介 组件内部可以维护一个状态数据state,通过this.state访问该数据,一般定义为一个对象,可以包含多个key-value组合; 通过setState()更新组件的状态数据时,组件会重新调用render()重新渲染页面 ##2. 写法 ###1. 构造器中初始化state con 阅读全文

摘要： ##1. 简介 通过class关键字创建组件 ##2. 原生JS创建类 ###1. 示例代码 展开代码 // 组件名大写 class Person { // 用于初始化对象 constructor(name,age) { // this 指向类的实例对象 this.name = name; this 阅读全文

摘要： ##1. 简介 函数式组件本质上就是一个JS函数 作为一个组件，至少包括一些结构代码 ##2. 示例代码 展开代码 ##3. 运行原理 ReactDOM.render解析组件标签 解析到组件为函数式组件，调用该函数，将返回的虚拟DOM转为真实DOM呈现在页面 普通JS函数中的this指向的是wind 阅读全文

摘要： ##1. 简介 JSX，是一个 JavaScript 的语法扩展，使用JSX可以提高我们的开发效率； JSX语法是类XML语法，好处是标签可以任意嵌套，我们可以像HTML一样清晰看到DOM树结构和其属性 ##2. 语法规则 标签中使用表达式时要用{} 只有一个根标签 标签必须闭合 标签首字母 若首字 阅读全文

摘要： 1. 超链接 【参考文章】: <a href="https://react.docschina.org/" target="_blank">官网地址</a> 2. 图片 <img src=https://img2020.cnblogs.com/blog/1294391/202112/1294391- 阅读全文

摘要： ##1. 简介 官网地址 react是一个用于构建用户界面的JavaScript库 ##2. 为什么要学习React ###1. 原生JS的缺点 原生JS操作dom繁琐,效率低 原生JS直接操作dom,浏览器器会进行大量的重绘重排操作 原生JS没有组件化编码方法,代码复用率低 ###2. React 阅读全文