Icon icon作为开发当中使用相对频繁的一个组件，其实现也很简单，但是其中比较麻烦的一部分是icon字体的制作，可以参看这篇文章。 Antd的Icon组件使用了很简单的css来实现交互与动效 import React…

是什么 简称HOC，全称 High Order Component。作用是给react组件增减props属性。 怎么用 为什么不先说怎么写？恩，因为你其实已经用过了，举个例子： // App.js import {con…

一、需求分析： 环境：react，antd，antd-pro将选中的数据进行打印，可以自定义分页的大小。由于打印的列等多个因素，导致如果写成组件在使用的时候依旧会改变源码，所以采用了写成页面的方式， 二、实现需求： 1、…

redux-saga 安装redux-saga(参考githup 地址：链接描述) yarn add redux-saga redux-saga简单使用 import { createStore ,applyMiddle…

什么是前端框架 React 是什么？按照官方的说法，React 是一个用于构建用户界面的 JavaScript 库，所以它不是一个框架。 在前端中，框架是什么？也许很难下定义，但很容易举例，Angular 就是一个框架。…

react使用教程 变量的使用 constructor(props) { super(props); this.state = { sliderSwiper: null, movies: [] }; this.handl…

在官方文档中，原文是，“React 中的一个常见模式是一个组件返回多个元素。Fragments 允许你将子列表分组，而无需向 DOM 添加额外节点。”，意思就是你在写组件的时候，外面再套一个Fragments。类似于vu…

React+Redux开发实录（一）搭建工程脚手架React+Redux开发实录（二）React技术栈一览 React技术栈一览 从上面搭建工程脚手架中，我们看到了React开发技术栈。有ES6、babel、eslint…

Babel是一个广泛使用的转码器，可以将ES6/ES7代码转为ES5代码。JavaScript在不断发展，各种新的标准提案层出不穷，由于浏览器的多样性导致可能几年之内都无法广泛普及，Babel可以让你无顾虑的使用这些特性…

import React from 'react'; import {Link} from 'react-router'; import ContactStore from '../stores/ContactStore…

Virtual DOM模型 1.Virtual DOM模型负责Virtual DOM底层框架的构建工作,它拥有一整套的Virtual DOM标签,并负责虚拟节点及其属性的构建,更新,删除等工作.2.其实,构建一套简易Vi…

可先查看我的redux简单入门 react-redux简介 react-redux是使用redux开发react时使用的一个插件，另外插一句，redux不是react的产品，vue和angular中也可以使用redux；…