Redux——详解
Redux
【React】组件三大核心属性
但是React中没有做这样的处理，如果直接更改的话，react是无法得知的，所以，需要使用特殊的更改状态的方法。 通过这个获取this.refs.username，ref可以获取到应用的真实dom。想要修改state中的数据，我们就需要自定义一个修改state的方法。特别注意：不能直接修改状态（s
React（一) —— 组件的创建与state
state = {() => {this.state是纯js对象，在vue中，data属性利用Object.defineProperty处理过的，更改data的数据的时候回出发数据的getter和setter,但是React中没有这样的处理，如果直接更改，react无法得知，所以需要使用setSta
React组件的生命周期函数
注意这个不常用不是我说的, 实在React官网中, 官方列举的。
【1024用代码改变世界】useMemo 和 useCallback｜React.memo使用场景
useMemo / useCallback都是React内置的用于性能优化的hook，它们常常被开发人员用来包裹（缓存memory），但是真的是所有的数据、函数、变量都需要使用useMemo / useCallback去缓存吗？可直接看结论。
React框架创建项目详细流程-项目的基本配置-项目的代码规范
文件夹、文件名称统一小写、多个单词以连接符(-)连接, 组件采用大驼峰;JavaScript变量名称采用小驼峰标识，常量全部使用大写字母;CSS采用普通CSS和styled-component结合来编写(全局采用普通CSS或Less、局部采用styled-component);整个项目不再使用cla
什么是Axios ?
什么是Axios？ Axios 是一个基于 promise 的 HTTP 库，简单的讲就是可以发送get、post等请求，可以用在浏览器和 node.js 中。React等框架的出现，xios 和 ajax 的区别axios是通过Promise实现对ajax技术的一种封装，就像jquery对aj
React组件通信-父子组件间的通信
将数组传递给子组件。
React的受控组件和非受控组件介绍
select标签的使用也非常简单，只是它不需要通过selected属性来控制哪一个被选中，它可以匹配state的value来选中。这个处理方式是DOM默认处理HTML表单的行为，在用户点击提交时会提交到某个服务器中，并且刷新页面;但是通常情况下会使用JavaScript函数来方便的处理表单提交，同时
React Hook - useState函数的详细解析
useState来自react，需要从react中导入，是一个hook函数, 官方中也将它成为State Hook, 它与class组件里面的 this.state 提供的功能完全相同;在下一次重新渲染时，就已经不是创建了, useState 会返回给我们当前所保存的state(一般来说，在函数退出
React中的路由嵌套和手动实现路由跳转的方式
Link或者NavLink渲染出来是一个a元素, 如果我们想点击一个button或者其他元素实现页面跳转, 就需要通过JavaScript代码进行跳转了。这样我们引入自己封装的高阶组件, 通过高阶组件的增强, 就可以在类组件的props中获取到navigate。那么如果是一个函数式组件，我们可以直接
React面试题最全
React面试题最全
React 路由v6 - 超全详解
React router v6 路由Ⅰ、路由 v6 (两种形式)Ⅱ、 动态路由Ⅲ、路由重定向Ⅳ、路由跳转 (两种形式)Ⅴ、路由懒加载
Vue/React实现路由鉴权/导航守卫/路由拦截(react-router v6)
欢迎来到我的博客【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏React框架。
React - Redux Hooks的使用细节详解
在之前的redux开发中，为了让组件和redux结合起来，我们使用了react-redux库中的connect:但是这种方式必须使用高阶函数结合返回的高阶组件;并且必须编写:mapStateToProps和 mapDispatchToProps映射的函数, 具体使用方式在前面文章有讲解;在Redux
React的高阶组件详解
什么是高阶组件呢?在认识高阶组价之前, 我们先来回顾一下什么是高阶函数?相信很多同学都知道(听说过?)，也用过高阶函数高阶组件和高阶函数它们非常相似的接受一个或多个函数作为参数;返回一个新的函数;JavaScript中比较常见的filter、map、reduce都是高阶函数。那么什么是高阶组件呢?高
羊了个羊网页版
最近羊了个羊火的不得了，利用周末时间实现一个网站版。步骤如下：1，用reactjs 实现。2，实现Gameroom类。3，实现Card类。4，通过父组件控制子组件通信方式，控制点击事件。5，通过top，left属性判断是否覆盖。6，图片用了base64体验入口直接上代码：
React获取DOM和获取组件实例的方式
当 ref 属性用于 HTML 元素时，构造函数中使用 React.createRef() 创建的 ref 接收底层 DOM 元素作为其 current 属性;来绑定函数组件中的某个元素, forwardRef中接收两个参数, 参数一: props, 参数二: ref，后面我们也会学习 hooks
React基础-JSX语法介绍
我们先来看一段代码// 定义根组件 const element = < div > Hello World < / div > // 渲染根组件 const app = ReactDOM . createRoot(document . querySelector("#app")) app . ren
React 组件的状态下移和内容提升
本篇文章提供了两种简单的提高组件渲染性能的方法
