yanner_的博客

在组件的整个生命周期中，随着该组件的props或者state发生改变，其DOM表现也会有相应的变化。一个组件就是一个状态机，对于特定地输入，它总返回一致的输出。 React组件的生命周期有一堆的相关函数，其实就是一推的钩子函数。在React组件创建的各个阶段触发特定的钩子函数。 一个React组件的生命周期分为三个部分：实例化、存在期和销毁时。 实例化 当组件在客户端被实例化，第一次被...

React的一个突出特点是拥有极速地渲染性能。该功能依靠的就是facebook研发团队弄出的虚拟dom机制以及其独特的diff算法。下面简单解释一下react虚拟dom机制和diff算法的实现思想： 要讲虚拟dom机制必须提到一个概念——虚拟dom树，这是react在真实dom树基础上建立的一个抽象的树，应用、虚拟dom与真实dom的关系如下图显示： 而标准的dom机制如下图所示： ...

一句话：实现URL与UI界面的同步。其中在react-router中，URL对应Location对象，而UI是由react components来决定的，这样就转变成location与components之间的同步问题。 一、基本用法 React Router 安装命令如下： $ npm install -S react-router 使用时，路由器Router就是React的一个组件 ...

1.react组件 组件(Components) 让你可以将用户界面分成独立的，可复用的小部件，并可以对每个部件进行单独的设计。 从定义上来说， 组件就像JavaScript的函数。组件可以接收任意输入(称为”props”)， 并返回 React 元素，用以描述屏幕显示内容。 2.props props (properties的简称) 是一个组件的 配置选项 。 props是由上到下指定且...

一.理解JSX 1.什么是JSX React的核心机制之一就是虚拟DOM：可以在内存中创建的虚拟DOM元素。React利用虚拟DOM来减少对实际DOM的操作从而提升性能。类似于真实的原生DOM，虚拟DOM也可以通过JavaScript来创建，例如： var child1 = React.createElement('li', null, 'First Text Content'); va...

1.处理事件 React 事件使用驼峰命名，而不是全部小写。 通过 JSX , 你传递一个函数作为事件处理程序，而不是一个字符串。 <button onClick={activateLasers}> Activate Lasers </button> 在 React 中你不能通过返回 false来阻止默认行为。必须明确调用 preventDefault。 ...

1.使用React需要什么 React有props和state: props意味着父级分发下来的属性，state意味着组件内部可以自行管理的状态，并且整个React没有数据向上回溯的能力，也就是说数据只能单向向下分发，或者自行内部消化。 2.如何让两个组件交流-状态提升 一般构建的React组件内部可能是一个完整的应用，它自己工作良好，你可以通过属性作为API控制它。但是更多的时候发现Rea...