首先下载less less-loader 使用npm run eject命令暴露出配置文件然后修改 webpack.config.js 文件 在rules中添加该规则 { test: /\.less$/, use: [{…

connect 的使用 dva官方API connect 【connect 方法返回的也是一个 React 组件，通常称为容器组件。因为它是原始 UI 组件的容器，即在外面包了一层 State。connect 方法传入的…

原由：写这篇文章主要是为了增强自己的记忆，同时也是为了分享一下我们常用的创建组建的方法，主要是四种(createClass, component, PureComponet,Stateless Functional Co…

前言 前面提到前端大统一的概念，如果感兴趣，欢迎说说自己的看法，点击前往。Web前端框架层出不穷，不可能面面俱到，这里给个小建议： 如果对Weex App感兴趣，应该选择vue框架； 如果对React Native Ap…

此文翻译自这里。 当我刚开始写React的时候，我看过很多写组件的方法。一百篇教程就有一百种写法。虽然React本身已经成熟了，但是如何使用它似乎还没有一个“正确”的方法。所以我（作者）把我们团队这些年来总结的使用Rea…

本文信息 本文创建于2018/03/07 服务端渲染 在依靠客户端渲染时，当用户打开页面时，多数情况下是这样的（不考虑缓存）: 向静态资源服务器获取html/css => 向静态资源服务器获取js => 向a…

本文译自 Presentational and Container Components，文章的作者是 Dan Abramov，他同时也是Redux和Create React App的作者。 在实际使用React + R…

结构 component1 actions.js reducer.js component1.js component2 actions.js reducer.js component.js redux tore.js …

react 中发布订阅模式使用 场景 怎么能将设计模式应用到我们的 React 项目中？以前一直在思考这个问题。 场景一 模块 A 模块 B 需要用到同一个数据 data，A 和 B 都会修改这份数据，且这两个模块会同时…

假设我们在react中有如下header组件： import React, { PureComponent } from 'react'; import { connect } from 'react-redux'; i…

在用antd的时候，我们如果要对表单进行添加和删除该怎么弄呢，如下： import { connect } from 'dva'; import { Form, Input, Button } from 'antd'; …

在现代的三大框架中，其中两个Vue和React框架，组件间传值方式有哪些？ 组件间的传值方式 组件的传值场景无外乎以下几种： 父子之间 兄弟之间 多层级之间（孙子祖父或者更多） 任意组件之间 父子之间 Vue Vue是基…