render props 模式render prop 是指一种在 React 组件的 render 方法使用一个值为函数的 prop （该函数返回一个React 元素）以共享代码的简单技术； 在需要被复用的组件内，提供复用的状态逻辑代码，如状态和操...

组件接收数据组件是封闭的，要接收外部数据应该通过 props 来实现； 在组件中，通过标签给添加属性传递数据，而接收数据时，函数组件通过参数 props 接收，类组件通过 this.props 接收； 可以给组件传递任何数据类型的数据，包括 JSX...

事件处理简介React 元素的事件处理和 DOM 元素的很相似，但是有一点语法上的不同： React 事件命名采取驼峰式，不是纯小写； 在{}中传入一个函数作为事件处理函数，而不是一个字符串； 12345678910111213141516171...

组件简介 组件是React的一等公民，使用React就是在用组件 组件表示页面中的部分功能 组合多个组件实现完整的页面 功能特点：可复用、独立、可组合 组件的创建方式使用函数创建组件 函数名称首位必须是大写字母； 函数组件必须有返回值，表...

Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or comp...

JSX的基本使用 为什么不使用React.createElement()？ 繁琐不够简洁 结构不够直观，无法一眼看出 不够优雅，用户体验差 JSX 是 JavaScript XML 的简写，表示在 JavaScript 代码中写 XML（HT...

什么是 ReactReact 是一个用来构建用户界面（HTML 页面）的 JavaScript 库，如果从 MVC的角度看，React仅仅是视图层，也就是只负责视图的渲染，而并非完整的M和C的功能； React 来源于 FaceBook 的内部项目，...

双飞翼布局 & 圣杯布局圣杯布局、双飞翼布局都是前端工程师必须要掌握的布局方法，从效果上看，它们是一样的，都是左右两栏宽度固定，中间宽度自适应的三栏布局。 还有一些细节要求如： 中间部分属于内容中心，在DOM结构上优先，以便提前渲染； 且三...

基本语法1. 语句1var a = 1 + 3; 语句：上述代码则是一行赋值语句，语句是为了完成某种任务而进行的操作； 表达式：1 + 3叫做表达式（expression），指一个为了得到返回值的计算式； 区别在于，前者主要为了进行某种操作，一般...