随笔分类 - react
摘要：React 的 Context API 是 React 提供的一种用于在组件树中共享数据的机制，可以让我们不需要通过 props 一层层地传递数据，避免了在深层嵌套的组件中逐级传递相同的数据 Context API 的核心概念 Context： Context 是 React 提供的对象，它可以在整
阅读全文
摘要：useReducer 是 React 中用于处理复杂状态逻辑的 Hook。它可以帮助你将一个复杂的状态对象分解成更细粒度的子状态，并通过定义动作（actions）来管理这些状态的变化。 具体来说，useReducer 适用于需要多个子状态或者依赖多个操作的场景。它的核心是通过一个 reducer 函
阅读全文
摘要：虚拟dom是react的核心概念，它使用js对象来反应真实dom的结构。 当组件的状态变更后，react会计算出新的虚拟dom树，并跟前一次的虚拟dom树进行对比，找出差异（也就是需要更新的部分），最后仅将这些差异应用到真实 DOM 中。通过这种方式，React 避免了对真实 DOM 的频繁操作，从
阅读全文
摘要：在 React 中，通过 React.forwardRef 和 useImperativeHandle 可以实现将父组件的 ref 转发给子组件，从而引用子组件的 DOM 或方法。以下是实现的步骤和代码示例： import React, { forwardRef, useImperativeHand
阅读全文
摘要：最后一条，准确的意思是动态表单项，完整的说明，看这里
阅读全文
摘要：一、React Hook Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 1.要解决什么问题? 可以在函数组件中使用状态、模拟组件的生命周期 可以复用组件状态及相关的变更逻辑。 2. 使用注意事项 不要在循环，
阅读全文
摘要：1.组件创建脚手架 create-react-library是一个用来创建react组件库的cli,中文文档 隐式配置 如何关闭css modules? 创建好工程后，修改根目录下的package.json中scripts节点下的start和build命令 "build": "microbundle
阅读全文
摘要：https://zh-hans.reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html
阅读全文
摘要：一、redux的核心概念 使用说明 官方网站 Provider 作用：把父组件传递进来的store对象放入react 上下文中，这样connect组件就可以从上下文中获取到store对象 Connect 作用： 1.从react上下文中取出store对象，订阅store.state的变化，当stor
阅读全文
摘要：1.安装 react-router是核心库，在项目中不需要安装，web开发只需安装react-router-dom、native开发安装react-router-native。 非路由挂载的组件如果想使用history,match,location时需要使用withRouter高阶组件, impor
阅读全文
摘要：ant-design的message组件可以使用message.xxx的方法调用，调用代码如下： import { message, Button } from 'antd'; const info = () => { message.info('This is a normal message')
阅读全文
摘要：ReactElement 定义：ReactElement是通过React.createElement或JSX语法创建的元素对象，是React的基础构件。它是一个不可变的对象，用于描述UI中实际的DOM元素或组件。 类型：通常一个ReactElement代表的是一个具体的元素（例如，<div>, <B
阅读全文
摘要：React16.3.0之前生命周期 16.3开始建议使用新的生命周期 新的生命周期增加了static getDerivedStateFromProps()以及getSnapshotBeforeUpdate()，废弃了原有的componentWillMount()、componentWillUpdat
阅读全文
摘要：在使用该技巧时，建议先看一下相关的知识，点我查看 假如使用该属性时，想把父组件的所有属性及部分方法传递给子组件，该怎么办呢？看代码
阅读全文
