qq_44906900的博客

目录前言useReducer使用useReducer写一个表单提交的案例使用useReducer代替Redux一、前言前面已经介绍了useState 的详细用法，我们可以在函数组件和类组件中使用 useState 来创建变量和对象。使得页面能够及时的更新 UI 等等。接下来介绍一个 useState 的复杂版本–useReducer二、useReduceruseReducer 是 useState 的升级版本，用来践行 Flux/Redux 的思想它主要有两个参数，一个读接口 s

目录前言React.useRefReact.createContext/useContext总结一、前言在原先的文章中，我们知道了 React 的 state 里的变量的值，只要变量的值发生变化更新了一次，那么就会产生新的变量来等于新的值。那么在 React 中，我们如何能像 Vue 一样，使用和改变一个变量贯穿始终呢？有，这两个就是useRef和useContext二、React.useRefconst n=React.useRef(初始值)如何表示 n 的值：n.curr

目录函数组件面临的问题useEffect模拟函数组件的生命周期函数其他生命周期函数一、函数组件面临的问题函数组件好是好，但是它有缺点。对比类组件，它没有state和生命周期函数。这样一来，许多细化的功能那不就不能使用函数组件了吗？事实上并不是这样的，我们也可以使用 React 官方提供的 API 来模拟代替以上两个问题，接下来待我娓娓道来。1、没有 stateReact V 16.8.0 推出的 Hooks API，其中 React.useState 可以解决问题。详见：【R

目录生命周期函数列表重要生命周期函数细解分阶段看钩子的执行顺序（图解）一、生命周期生命周期就是指一个对象的生老病死。在React中就特指一个组件的“生老病死”。二、函数列表constructor() – 初始化 state 等static getDerivedStateFromProps()shouldComponentUpdate()&React.PureComponent – 是否进行更新render() – 创建虚拟 DOMgetSnapshotBefo

目录组件简介类组件函数组件props（外部数据）和state（内部数据）&setState复杂state一、组件简介组件，从概念上类似于 JavaScript 函数。它接受任意的入参（即 “props”），并返回用于描述页面展示内容的 React 元素。组件就是用于组合的物件。在编程中，组件的作用就是使代码具有模块化的意义，能让代码有更好的可读性和维护性。在React中，定义组件有两种方式，函数组件和类组件，不成文的规定：组件首字母大写，元素首字母小写二、类组件

目录useState简介useState的简单使用手写实现useState总结参考一、useState 简介返回一个有状态值和一个函数来更新它。在初始渲染期间，返回的状态（状态）与作为第一个参数（initialState）传递的值相同。setState 函数用于更新状态。它接受一个新的状态值，并排队等待重新渲染该组件。在后续重新渲染期间，useState 返回的第一个值将始终是应用更新后的最新状态。注意： React 保证 setState 函数身份是稳定的，并且在重新渲染时

目录React简介引入React的方式JSX语法控制语句React初体验--实现+1功能一、React简介React 是一个用于构建用户界面的 JavaScript 库。个人而言，对比Vue。React注重函数式和类的编程，对JS基础要求较高，它只是为我们提供一些有用的API。Vue则不同，自己封装了各种各样的自己的东西。对新手十分友好，而且能快速上手，十分易懂。Vue：能做的都帮你做了，只要学会Vue即可。React：能不做的都不帮你做，它在促使我们思考函数的本质。写Re