React 高级指引学习笔记-第一天 深入 JSX 在本质上讲， JSX 只是为 React.createElement(component,props,...children) 方法提供的与语法糖 <MyButton color="blue" shadowSize = {2}> Cli...

The Road to learn React书籍学习笔记(第四章) 高级React组件 本章将重点介绍高级 React 组件的实现。我们将了解什么是高阶组件以及如何实现它们。此外，我们还将深入探讨 React 中更高级的主题，并用它实现复杂的交互功能。 引用 DOM 元素 有时候我们需要在 Re...

为什么需要使用 call / apply / bind 举个栗子： box.onclick = function() { function fn() { alert(this); } fn(); } 上例中的 this 指向是 window ，而不是 bo...

箭头函数 基础语法 (参数1, 参数2, ... 参数N) =>{函数声明} (参数1, 参数2, ... 参数N) => 表达式(单一) //相当于：(参数1, 参数2, ... 参数N) =>{return 表达式; } //当只有一个参数时，圆括号是可选的: (单一参数) => {函数...

模板字符串 模板字面量是允许嵌入表达式的字符串字面量 \ string text \ string text line 1 \ string text line 2 \ string text ${expression} string text tag \ string text ...

The Road to learn React书籍学习笔记(第三章) 代码详情 声明周期方法 通过之前的学习，可以了解到ES6 类组件中的生命周期方法 constructor() 和 render() constructor() 构造函数只有在组件实例化并插入到 DOM 中的时候才会被调用。组件实例...

The Road to learn React 书籍学习笔记(第二章) 组件的内部状态 组件的内部状态也称为局部状态，允许保存、修改和删除在组件内部的属性，使用 ES6 类组件可以在构造函数中初始化组件的状态。构造函数只会在组件初始化的时候调用一次 类构造函数 class App extends C...

The Road to learn React书籍学习笔记(第一章) react灵活的生态圈 Small Application Boilerplate: create-react-app Utility: JavaScript ES6 and beyond Styling: plain CSS ...

react 学习笔记day-03 组成与继承 Composition vs Inheritance React具有巨大的组合模型，推荐使用组件组合而不是用继承 Containment 很多组件一开始并不知道它们的子组件是什么，例如侧边栏，对话框等 建议这样的组件用特殊的子类( children )...

react 学习笔记day-02 处理事件 使用React元素处理事件与处理DOM元素上的事件非常相似，有一些语法差异 React事件使用camelCase命名，而不是小写 使用JSX，将传递函数作为事件处理函数，而不是字符串 HTML： <button onclick = "activ...