学习目标React事件知识React事件特点 绑定事件的命名规则：驼峰命名 传入1个函数，而不是字符串。
原创
2022-06-27 11:23:47
123阅读
3.6.1 React组件简介众所周知，组件作为React的核心内容，是View的重要组成部分，每一个View页面都由一个或多个组件构成，可以说组件是React应用程序的基石。在React的组件构成中，按照状态来分可以分为有状态组件和无状态组件。 所谓无状态组件，就是没有状态控制的组件，只做纯静态展示的作用，无状态组件是最基本的组件形式，它由属性props和渲染函数render构成。由于不涉...
原创
2022-09-07 10:22:33
66阅读
当前解析的 React 版本为 v16.13.1。React 架构React 16 版本中使用了 Fiber Reconciler 替代了 Stack Reconciler。在 Fiber Reconciler 中又分为三层：调度层、协调层、渲染层。Scheduler(调度层)：调度任务的优先级，高优任务优先进入协调层Reconciler(协调层)：构建 Fiber 数据结构，比对 Fiber 找
转载
2024-10-23 16:10:32
49阅读
React Streams规范是响应式编程领域的一项重要标准，它为异步流处理提供了统一的接口和语义。这套规范最初由Reactive Streams组织制定，后来被
React Hook讲解Hook的介绍为什么要用Hook？基础Hook API`useState` ：定义 state 变量和更新变量函数`useEffect` ：页面渲染后，会触发内部函数的副作用`useContext` ：获取上级的 context 对象的值额外的Hook API`useReducer` ： useState 的代替方案`useCallback` ： 回调函数记忆化`useM
转载
2023-11-25 12:59:40
107阅读
React Hook的基本使用Hook 是什么？ 在中文官网中是这么介绍的：Hook 是一个特殊的函数，它可以让你“钩入” React 的特性。例如，useState 是允许你在 React 函数组件中添加 state 的 Hook。什么时候我会用 Hook？如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以在现有的函数组件中使用 Hoo
转载
2024-02-27 20:16:35
78阅读
1.获取主屏幕尺寸 // 导入类库 // 样式 2.Image 图片 {/* 设置尺寸的情况下 */} {/* uri是固定写法，后面跟上图片网络URL地址的字符串即可，还有，网络图片必须设置图片的大小，否则无法显示，一般还需要配合填充方式以达到想要的效果 */} 3.TextInput 文本输入框
转载
2017-07-14 21:05:00
277阅读
2评论
React Children是顶层API之一；this.props.的对象属性和组件属性是一一对应的
转载
2023-02-06 16:41:57
176阅读
React类组件是通过创建class继承React.Component来创建的，是React中用于构建用户界面的重要部分。以下是对React类组件的详细解释：一、定义与基本结构类组件使用ES6的class语法定义，并继承自React.Component。它们具有更复杂的功能，特别是在React 16.8之前，是唯一能够使用状态和生命周期方法的组件。一个基本的类组件结构如下：import
原创
精选
2024-10-21 17:12:08
381阅读
reduxredux严格按照flux思想实现的一套框架，实现了单一数据流向。组成部分redux由四部分组成action 组件发布的消息store 存储消息的reducers 捕获action，处理数据的方法view 组件视图了通信流程一个组件发布actionaction通过store被reducers捕获reducers根据消息的类型处理数据reducers将新的数据存储在store中store将
推荐
原创
2022-08-25 13:10:23
468阅读
500, // 动画持续时间（毫秒）LayoutAnimation.Types.easeInEaseOut, // 动画类型LayoutAnimation.Properties.opacity
1. 引言在移动应用开发领域，开发者长期面临 跨平台开发效率 与 原生性能体验 的平衡难题：传统的原生开发（iOS用Objective-C/Swift，Android用Java/Kotlin）虽能实现最佳性能，但需为不同平台维护两套独立的代码库，导致人力成本高、迭代周期长；而早期的跨平台方案（如Hybrid的Cordova、Ionic）虽通过WebView渲染HTML/CSS/JS实现“一次编写，
概述React中的状态管理是其核心机制之一，它决定了组件的渲染和交互行为。以下是对React中状态管理工作原理的详细解释：一、状态的定义与分类在React中，状态（state）是组件记忆信息的一种方式，它决定了组件的渲染输出。状态可以是任何类型的数据，如数字、字符串、对象或数组等。根据状态的使用范围，可以将其分为本地状态和全局状态。本地状态：本地状态是指仅在组件内部使用的状态，由组件自
看了一篇对react和redux讲解非常棒的文章，按自己的方式整理出来。原文链接Reactreact认识有一段解释很透彻：用脚本进行DOM操作的代价很昂贵。有个贴切的比喻，把DOM和JavaScript各自想象为一个岛屿，它们之间用收费桥梁连接，js每次访问DOM，都要途径这座桥，并交纳“过桥费”,访问DOM的次数越多，费用也就越高。 因此，推荐的做法是尽量减少过桥的次数，努力待在ECMAScript岛上。因为这个原因react的虚拟dom就显得难能可贵了，它创造了虚拟dom并且将它们储存起来，
转载
2021-09-04 16:24:35
153阅读
什么是 useCallback Hook？ useCallback 是一个 React Hook，用于缓存函数，防止函数在每次组件渲染时被重新创建。它的主要目的是优化性能，特别是在将函数作为 props 传递给子组件或在依赖数组中使用时。 简单来说，useCallback 让你的函数“记住”之前的定 ...
什么是 useMemo Hook？ useMemo 是一个 React Hook，用于缓存计算结果，避免在每次组件渲染时重复执行昂贵的计算。它通过记忆计算的值，只有在依赖项变化时才会重新计算，从而优化性能。 简单来说，useMemo 让你的计算结果“记住”上一次的值，减少不必要的计算开销。 为什么需 ...
React 项目中的 UI 的改变来源于 State 改变，类组件中 setState 是更新组件，渲染视图的主要方式：基本用法setState(obj, callback)setState 的第一个参数： 当 obj 为一个对象的时候，则为即将合并的 state，如何 obj 是一个函数，那么当前组件的 state 和 props 将作为参数，返回值用于 合并新的 state。setState
原创
2022-10-21 16:47:54
207阅读
–首先介绍几个概念–非约束性组件:(只需要获取model中的值)<input type="text" defaultValue="a" />这个defaultValue其实就是原生DOM中的value属性这个value值就是用户输入的内容,React完全不管理输入的过程–约束性组件:(需要实现MVVM)<input type="text" value={th...
原创
2021-08-30 14:03:24
153阅读
什么是 useContext Hook？ useContext 是 React 中的一个 Hook，用于在函数组件中访问 React Context 的值。Context 是 React 提供的一种机制，让你可以在组件树享数据，而无需通过 props 一层层传递。 简单来说，useContext ...
使用create-react-app 脚手架
一 通过create-react-app脚手架 搭建项目
首先全局安装 create-react-app 脚手架： yarn add -g create-react-app
通过create-react-app新建一个项目 npx create-reate-app my-app --typescript
yarn start 可以发现项目正常启动了
原创
2021-09-04 13:41:02
199阅读
