欢迎光临
我们一直在努力

前端框架React

React.22 React Hook模拟生命周期

散人研阅读(27)评论(0)赞(0)

前言 在 React 16.8 之前,函数组件只能是无状态组件,也不能访问 react 生命周期。hook 做为 react 新增特性,可以让我们在不编写 class 的情况下使用 state 以及其他的 react 特性,例如生命周期。接...

React.21 | React Hooks 简明学习

散人研阅读(39)评论(0)赞(0)

在 React 的世界中,有容器组件和 UI 组件之分,在 React Hooks 出现之前,UI 组件我们可以使用函数,无状态组件来展示 UI,而对于容器组件,函数组件就显得无能为力,我们依赖于类组件来获取数据,处理数据,并向下传递参数给...

React.19 React-Redux 基本概念

散人研阅读(52)评论(0)赞(0)

React-Redux 当没有使用redux时兄弟组件间传值将很麻烦,代码很复杂冗余。使用redux定义全局单一的数据Store,可以自定义Store里面存放哪些数据,整个数据结构也是自己清楚的。 redux 是 js 应用的可预测状态的容...

React.17 基于create-react-app的再配置

散人研阅读(52)评论(0)赞(0)

使用Facebook官方推出的create-react-app脚手架,我们基本可以零配置搭建基于webpack的React开发环境。但是,如果需要个性化定制,则还需要基于create-react-app进行再配置 环境变量   在根目录下新...

React.16 路由简明学习

散人研阅读(44)评论(0)赞(0)

路由用来分发请求。后端是提供服务的,所以它的路由是在找controller,前端是显示页面的,所以它的路由是在找component。本文将详细介绍react-router-dom的内容 Router   Router是路由器组件的低阶接口,...

React.15 React异步请求方式(中间件)

散人研阅读(50)评论(0)赞(0)

简介 通常情况下,action只是一个对象,不能包含异步操作,这导致了很多创建action的逻辑只能写在组件中,代码量较多也不便于复用,同时对该部分代码测试的时候也比较困难,组件的业务逻辑也不清晰,使用中间件了之后,可以通过actionCr...

React.14 无状态组件 vs 有状态组件

散人研阅读(92)评论(0)赞(0)

React中创建组件的方式 在了解React中的无状态和有状态的组件之前,先来了解在React中创建组件的三种方式: ES5写法:React.createClass; ES6写法:React.Component; 无状态的函数写法,又称为纯...

React.13 Redux 使用与封装

散人研阅读(49)评论(0)赞(0)

Redux 简介 React 只是 DOM 的一个抽象层,并不是 Web 应用的完整解决方案。有两个方面,它没涉及: 代码结构 组件之间的通信 由此我们需要引入Redux。Redux 是 JavaScript 状态容器,提供可预测化的状态管...

React.12 非父子组件通讯

散人研阅读(47)评论(0)赞(0)

在使用 React 的过程中,不可避免的需要组件间进行消息传递(通信),组件间通信大体有下面几种情况: 父组件向子组件通信 子组件向父组件通信 跨级组件之间通信 非嵌套组件间通信 下面依次说下这几种通信方式。 父组件向子组件通信 这是最简单...

React.11 围绕react衍生出来的思考

散人研阅读(37)评论(0)赞(0)

声明式开发 首先react是声明式的开发方式,这个与之对应的是命令式开发方式,之前在用jquery写代码的时候,都是直接来操作dom,直接操作dom的这种编程方式,我们把他叫做命令式的编程,也就是我要创建一个页面,我要一点点的告诉dom,你...

React.10 HOC 高阶组件

散人研阅读(45)评论(0)赞(0)

Higher-Order Components就是一个函数,传给它一个组件,它返回一个新的组件。 const NewComponent = higherOrderComponent(YourComponent) 比如,我们想要我们的组件通过...

React.09 组件通讯

散人研阅读(41)评论(0)赞(0)

父组件与子组件通信 父组件将自己的状态传递给子组件,子组件当做属性来接收,当父组件更改自己状态的时候,子组件接收到的属性就会发生改变 父组件利用ref对子组件做标记,通过调用子组件的方法以更改子组件的状态,也可以调用子组件的方法..可以参考...