随笔分类 - React
摘要：官方文档传送门 Refs & DOM useRef useImperativeHandle 在类组件中使用 ref 1. React.createRef class App extends React.Component { constructor(props) { super(props); th
阅读全文
摘要：前言 本文主要以 Rudex 结合 Racte 的方式，对 Redux 的基本概念和用法进行记录； Rudex 是什么 Rudex 是一个以集中式 Store 的方式对整个应用中使用的状态进行集中管理，确保状态只能以可预测的方式更新； 简单来讲：Rudex 是一个状态管理库； 明确了 Rudex 是
阅读全文
摘要：一、前言 React Hooks 是从 v16.8 引入的又一开创性的新特性。第一次了解这项特性的时候，真的有一种豁然开朗，发现新大陆的感觉。我深深的为 React 团队天马行空的创造力和精益求精的钻研精神所折服。本文除了介绍具体的用法外，还会分析背后的逻辑和使用时候的注意事项，力求做到知其然也知其
阅读全文
摘要：一、前言 React Hooks 是从 v16.8 引入的又一开创性的新特性。第一次了解这项特性的时候，真的有一种豁然开朗，发现新大陆的感觉。我深深的为 React 团队天马行空的创造力和精益求精的钻研精神所折服。本文除了介绍具体的用法外，还会分析背后的逻辑和使用时候的注意事项，力求做到知其然也知其
阅读全文
摘要：本文使用 React-i18next 库结合 React， 介绍如何在 React 中配置使用国际化。 官方地址：i18next | react-i18next 简介 react-i18next 是基于 i18next 的一款强大的国际化框架，可以用于 react 和 react-native 应用
阅读全文
摘要：State 一个组件的显示形态可以由数据状态和外部参数所决定，而数据状态就是 state，一般在 constructor 中初始化； 当需要修改里面的值的状态需要通过调用 setState 来改变，从而达到更新组件内部数据的作用，并且重新调用组件 render 方法； 示例： class Butto
阅读全文
摘要：在使用 ES6 的 class 定义 React 组件的时候，经常会看到这样的代码: constructor(props) { super(props); // some code } 看到上面代码，产生两个疑问: 必须要调用 super() 吗? super() 与 super(props) 有什
阅读全文
摘要：**官方文档：**[Refs 转发](https://react.docschina.org/reference/react/forwardRef "Refs 转发") ### 语法 ```jsx React.forwardRef(render); ``` 上面的代码中，`forwardRef` 函
阅读全文
摘要：## 官方文档 > **一个神奇的链接**: [React Router 官方文档](https://reactrouter.com/) ## 安装 运行以下命令安装React Router: ``` npm install react-router-dom@6 --save ``` **注意：**
阅读全文
摘要：官方生命周期速查表 官方生命周期速查表 注意：速查表上方有个是否显示不常用的生命周期以及react版本和国际化; 类(class)组件生命周期 每个类组件都包含"生命周期方法"，实质上是钩子函数，通过重写这些钩子函数，可以帮助我们在特定的契机执行一些动作。 这里记录一下常用的和不常用的生命周期方法，
阅读全文
摘要：useEffect函数 // 第一个参数是一个回调函数 // 第二个参数是一个可选数组 function useEffect(effect: EffectCallback, deps?: DependencyList): void; 不同的参数和返回 不传参数 // 会每次 render 后都执行
阅读全文
摘要：组件间通信方式 在使用 React 的过程中，经常需要组件之间相互传递信息，故记录一下组件间的常用通信方式： 父组件向子组件通信 父组件向子组件传递 props, 子组件通过获取 props 中的内容得到父组件传递的信息； 示例：父组件(App)向子组件(Root)通信 import Root fr
阅读全文
