路在脚下，幸福在手中，莫贪！！！！！

通过 npm 使用 React

学习书籍:深入React技术栈 1、前言 在 Web 应用开发中，表单的作用尤为重要。正是因为表单的存在，才使得用户能够与 Web 应用进行富交互。而在React 中，一切数据都是状态，当然也包括表单数据。在这一节中，我们将讲述 React 是如何处理表单的。 2、应用表单组件（受控组件） 表单组件的几个重要属性： a、状态属性：React 的 form 组件提供了几个重要的属性，用...

学习书籍:深入React技术栈 1、前言 从 React 0.14 版本开始，React 将 React 中涉及 DOM 操作的部分剥离开，目的是为了抽象 React，同时适用于 Web 端和移动端。ReactDOM 的关注点在 DOM 上，因此只适用于 Web 端。在 React 组件的开发实现中，我们并不会用到 ReactDOM，只有在顶层组件以及由于 React 模型所限而不得不操作 D...

1、前言 React 组件的生命周期根据广义定义描述，可以分为挂载、渲染和卸载这几个阶段。当渲染后的组件需要更新新时，我们会重新去渲染组件，直至卸载。 因此，我们可以把 React 生命周期分成两类： 当组件在挂载或卸载时； 当组件接收新的数据时，即组件更新时。 2、挂载或卸载过程 2.1 组件的挂载 组件挂载是最基本的过程，这个过程主要做组件状态的初始化 import Rea...

1、内容摘要 如何为 React 的内置组件设置事件处理函数。 React 事件对象与浏览器原生 DOM 事件对象的区别。 默认情况下不能以异步的方式使用事件对象，如在 setTimeout 中。 不要在组件中使用 addEventListener 注册事件处理函数，有坑。 绑定事件处理函数 this 指向的四中方式以及他们的优缺点。 2、Reac...

1、说明 在生命周期中，子组件props或state更新都会触发shouldComponentUpdate生命钩子。该生命周期有两个参数nextProps，nextState 表示更新后的props和更新后的state，  该生命周期是整提高组件性能的一个重要函数，它通过判断当前状态与之前状态来返回一个布尔值并决定是否更新视图，如果返回false视图始终不会更新。返回true就会更新视图。 ...

1、介绍 我们从相关的知识知道，在React推出后，出于不同的原因先后出现三种定义react组件的方式，殊途同归；具体的三种方式： 函数式定义的无状态组件 es5原生方式React.createClass定义的组件 es6形式的extends React.Component定义的组件 下面就简单介绍一下这三种定义组件方式有什么不同或者说为什么说会出现对应的定义方式。 2. 函数式定义的无...

使用creat-react-app构建的项目，前后端的接口联调，对于端口proxy设置、网络请求axios插件的使用以及fetch 插件的使用 1、proxy设置 可以直接在package.json下配置，具体如下 "proxy": "域名" 2、axios插件的使用 使用npm下载插件 npm install axios --save axios的使用，...

                                  React系列之--项目中React 路由搭建demo关于react-router网上有很多介绍，在这里必要唠叨，其中在项目中react-router和react-router-dom功能是一样的，引用一个就可以了。1、react-router4.0以上的介绍。    发现一篇文章写得不错，在这里也必要唠叨一次了。请阅：初探 Re...

在做React Native开发时，少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功，高效的调试不仅能提高开发效率，也能降低Bug率。本文将向大家分享React Native程序调试的一些技巧和心得。Developer MenuDeveloper Menu是React Native给开发者定制的一个开发者菜单，来帮助开发者调试React Native应用。提示：生...

学习书籍:深入React技术栈 1、前言 React 是以组合组件的形式组织的，组件因为彼此是相互独立的，从传递信息的内容上看，几乎所有类型的信息都可以实现传递，例如字符串、数组、对象、方法或自定义组件等。所以，在嵌套关系上，就会有 3 种不同的可能性：父组件向子组件通信、子组件向父组件通信和没有嵌套关系的组件之间通信以及跨级组件通信。 2、父组件向子组件通信 import Reac...