一、深入JSX 1、JSX是语法糖 JSX本质上是为React.createElement(component, props, ...children)方法提供的语法糖，例如： <MyButton color="b…
分类：React
React学习笔记(五)：高阶知识(下)
一、错误边界（Error Boundaries） 错误边界是用来捕获子组件树内的Javascript异常，记录错误并展示一个回退的UI的React新特性。当在渲染期间发生错误的时候，就可以避免整棵组件数发生异常 不过，错…
ReactRouter4学习笔记(一)：入门
一、React-router4的理念 react-router4的核心设计理念是“动态路由” 1、静态路由 在Rails、Express、Ember、Angular等库，以及ReactRouter在4.0之前的版本中，使…
React学习笔记(三)：进阶知识
一、条件渲染 在React里，我们可以创建不同的组件来封装我们需要的功能。我们也可以根据组件的状态，只渲染组件中的一部分内容，而条件渲染就是为此而准备的。在React中，我们可以像在JavaScript中写条件语句一样地…
React学习笔记(一)：JSX
一、什么是JSX？ 一个JSX语法的示例，如下所示 const element = <h1>Hello, world!</h1>; 这种语法形式，既不是HTML，也不是字符串，而是称之为JSX，是…
React学习笔记(二)：基本知识
一、元素渲染 元素（elements）是构成React应用的最小单元，元素描述了想要在屏幕中看到的内容，如： const element = <h1>Hello, world</h1>; 和DOM…
ReactRouter4学习笔记(二)：API
一、ReactRouter的三种路由 1、BrowserRouter <BrowserRouter>使用HTML5的history API（pushState、replacestate和popstate事件）…