摘要: React兄弟组件之间的通信 Child2组件需要去更改Child1组件中的数据。 因为Child1和Child2是兄弟组件 所以数据和事件都放在最进的父级组件中去 兄弟组件通信的简单使用 import React from 'react'; //这个是react这个包,我们是需要的 import 阅读全文
posted @ 2022-06-05 22:36 南风晚来晚相识 阅读(1104) 评论(0) 推荐(0)
摘要: v-memo的讲解 vue3.2中新增了一个性能优化的指令; 这个指令就是v-memo; v-memo:可以做性能优化,v-memo中值若不发生变化,整个子树的更新会被跳过。 <div v-memo="[valueA, valueB]"> ... </div> 当组件重新渲染的时候,如果 value 阅读全文
posted @ 2022-06-05 18:07 南风晚来晚相识 阅读(1053) 评论(0) 推荐(0)
摘要: 组件中的props 在react中,props的特点是: 1.可以给组件传递任意类型的数据 2.props是只读的对象,只能够读取属性的值,无法修改对象 如过我们强行修改数据,会报错,告诉我们该属性是只读属性。 ps:在类组件中,如果写了构造函数,应该将props传递给super(). 否则无法在构 阅读全文
posted @ 2022-06-05 15:49 南风晚来晚相识 阅读(637) 评论(0) 推荐(0)
摘要: 受控组件 受控组件的步骤: 1.在state中添加一个状态,作为表单元素的value值(控制表单元素值的来源) 2.给表单元素绑定change事件,将表单元素的值设置为state的值(这样就可以控制表单元素值的变化) 受控组件的简单使用 index.js import React from 'rea 阅读全文
posted @ 2022-06-05 12:53 南风晚来晚相识 阅读(195) 评论(0) 推荐(0)
摘要: 有状态组件和无状态组件 函数组件又叫做无状态组件,类组件又叫做有状态组件。 状态又叫做数据 函数组件没有自己的状态,只负责静态页面的展示。 我们可以理解为纯ui展示。() 类组件有自己的状态,扶着更新UI,会让页面动起来. state的基本使用 state就是数据,是组件内部的私有数据。 只能够在组 阅读全文
posted @ 2022-06-05 11:32 南风晚来晚相识 阅读(190) 评论(0) 推荐(0)
摘要: 事件绑定 语法:on +事件名= { ()=>{ do something }} <!-- 点击事件 --> onClick={ () => { } } 注意的是:React采用的是驼峰命名法。 需要注意的是:在类组件中和函数组件中绑定事件是不同的哈 在类组件中绑定事件 <!-- 点击事件 --> 阅读全文
posted @ 2022-06-05 10:52 南风晚来晚相识 阅读(296) 评论(0) 推荐(0)
摘要: React 创建组件的两种方式 函数组件:使用js函数创建的组件 约定1:函数名称必须以大写字母开头 约定2:函数组件必须要有返回值. 如果返回值为null.表示不渲染任何内容。 return null [什么都不会渲染了] 如果没有return会报错的哈 怎么使用函数组件呢? 直接使用函数名作为组 阅读全文
posted @ 2022-06-05 10:40 南风晚来晚相识 阅读(491) 评论(0) 推荐(0)