在React中，所谓受控组件和非受控组件，是针对表单而言的。 表单元素依赖于状态，表单元素需要默认值实时映射到状态的时候，就是受控组件，这个和双向绑定相似. 受控组件，表单元素的修改会实时映射到状态值上，此时就可以对输入的内容进行校验. 受控组件只有继承React.Compon…

一份之前没有 React 经验的 Vue 用户在维护了万行级 React 项目后的 React 上手总结与对比。包括了构建系统 / 基础 API / 状态管理 / 周边生态 / 常见反模式等。

最近在学 React，看到 react-redux 这里，刚开始觉得一脸懵逼，后面通过查阅相关资料和一些对源码的解释，总算有点头绪，今天在这里总结下。 类似于 Vue，React 中组件之间的状态管理 第三方包为：react-redux。react-redux 其实是 Redu…

随着JavaScript单页应用开发日趋复杂，管理不断变化的state非常困难，Redux的出现就是为了解决state里的数据问题。在React中，数据在组件中是单向流动的，数据从一个方向父组件流向子组件(通过props)，由于这个特征，两个非父子关系的组件（或者称作兄弟组件）…

1. 父组件向子组件通信 2. 子组件向父组件通信 3. 跨级组件通信 4. 没有嵌套关系的组件通信

在任意目录下，新建一个文件夹作为你的项目文件夹，命名随意。随后使用命令行工具，切换到该文件夹，键入npm init进行初始化（遇到的问题一直回车就好了），初始化完成之后可以看到生成了一个package.json文件。 随后在该项目文件夹下新建两个文件夹：/dist和/src，其…

React Router v4 是一个完全使用 React 重写的流行的 React 包，之前版本的 React Router 版本配置是使用伪组件也很晦涩难懂。现在 v4 版本的 React Router，所有的东西都 “仅仅是组件”。 选择 router。 创建 route…