qq_43742385的博客

纯前端实现羊了个羊，react+ts+vite+antd

redux概览一：为什么需要redux二：三大原则三：设计思想四：最基本使用五：Redux中间件六：React-redux七：redux-action八：关键函数讲解一：为什么需要redux随着JavaScript单页应用开发日趋复杂，管理不断变化的state变得十分困难。状态的变更也变的十分难以追踪，这时候一种新的管理方式需要被使用，所以redux产生了。二：三大原则【一】单一数据流​ 整个应用的 state被储存在一棵object tree中，并且这个object tree只存在于唯一的s

Redux中间件解析1. Redux的工作原理redux对于我们进行全局的状态管理是非常有用的，我们可以省去很多力气去管理组件间的状态传递等等redux中的核心api和作用redux解决的真正问题是React组件间的状态共享和状态管理问题，通过以上的6个核心api我们便能管理复杂的状态，并能监听和追溯状态的改动，redux的工作机制如下当我们要去改变状态的时候，我们会dispatch一个action(一个普通的js对象)，我们最终的状态改变是在reducer中进行的，reducer会根

react refreact ref1. 前言2. 什么时候需要使用ref3. ref 的使用方式（三种）字符串形式ref回调函数的形式React.createRef()创建一个`ref`将一个`ref`赋值给某个组件或者`dom`节点使用这个`ref`useRef()ref转发（React.forwardRef）react ref1. 前言如果有这么一种情况，我们需要在一个组件获取另一个组件或者某个DOM元素，这个时候我们应该怎么做呢。react中的Refs 提供了一种方式，允许我们访问 DOM 节

react项目中使用typescriptreact项目中使用typescript安装`typescript``package.json`中`scripts`出现配置 TypeScript 编译器例如设置使用TS的文件目录以及TS的输出目录文件扩展名类型定义react项目中使用typescript安装typescriptnpm install --save-dev typescriptpackage.json中scripts出现{ // ... "scripts": { "

React从入门到精通React从入门到精通表单概述受控组件inputtextareaselect非受控组件处理多个输入注意初始空值状态提升组合和继承组合：props children仿slot继承React哲学(最佳实践)React从入门到精通系列教程：React从入门到精通教程01React从入门到精通教程02React从入门到精通教程03表单概述在 React 里，HTML 表单元素的工作方式和其他的 DOM 元素有些不同，这是因为表单元素通常会保持一些内部的 state。

React从入门到精通教程03React从入门到精通教程React中的事件处理特点：注意点：关于React事件处理函数的`this`向事件处理函数中传递参数条件渲染列表&key列表循环Key3. key的选取4. 元素的 key 只有放在就近的数组上下文中才有意义。5. 注意点：React从入门到精通教程往期回顾：React从入门到精通教程01React从入门到精通教程02React中的事件处理特点：React中事件的命名采用的是驼峰式，而之前的HTML中采用的是全小写/

这里写目录标题React从入门到精通教程组件和Props概述函数组件与class组件渲染我们的自定义组件组件中嵌套组件提取组件props的只读性state概述：特点：使用`state`复写之前的时间组件不要直接修改`state`State 的更新可能是异步的State 的更新会被合并数据是从上而下流动的（单向的）React从入门到精通教程往期回顾：React从入门到精通教程01组件和Props概述组件是React中一个非常重要的概念，React将UI页面拆分为一个个的独立单元，每一个独立

React从入门到精通教程文章目录React从入门到精通教程React简介官方文档React使用来干什么的为什么需要ReactReact特点React基础React的使用Hello WorldJSX定义在JSX中嵌入JS表达式JSX也是一个表达式JSX特定属性JSX防止XSS（cross-site-scripting, 跨站脚本）攻击JSX表示对象总结：元素渲染将元素渲染为DOM更新已经渲染了的元素React只更新它需要更新的地方React简介官方文档英文官网: https://reactjs