v>

01 2019 档案

箭头函数
摘要：个箭头函数表达式的语法比一个函数表达式更短，并且不绑定自己的 this，arguments，super或 new.target。 这些函数表达式最适合用于非方法函数，并且它们不能用作构造函数。 0.1. 基础语法 0.2. 高级语法 1. 描述 另见 "ES6 In Depth: Arrow fun 阅读全文
posted @ 2019-01-29 14:10 一小半 阅读(936) 评论(0) 推荐(0)
React Elements vs React Components
摘要：简单地说，一个React Elements 描述了你想在屏幕上看到什么。 不是简单的说，一个React Elements 是一些UI的对象表示。 一个React Components 是一个函数或一个类，它可以接受输入并返回一个React元素（通常通过JSX被转化为一个createElement调用 阅读全文
posted @ 2019-01-28 10:12 一小半 阅读(306) 评论(0) 推荐(0)
Redux从设计到源码
摘要：本文主要讲述三方面内容： Redux背后的设计思想 在讲设计思想前，先简单讲下Redux是什么？我们为什么要用Redux？ 1. Redux是什么？ Redux是JavaScript状态容器，能提供可预测化的状态管理。 它认为： Web应用是一个状态机，视图与状态是一一对应的。 所有的状态，保存在一 阅读全文
posted @ 2019-01-24 14:26 一小半 阅读(156) 评论(0) 推荐(0)
react 从使用 看定义
摘要：如果你创建了一个类似元素做出反应Twitter的下面，你会的组件定义Twitter的样子？ 如果你不熟悉渲染回调模式，这将看起来有点奇怪。在这种模式中，组件接收一个函数作为它的孩子。注意<Twitter>上面打开和关闭标签的内容。Twitter组件的子代替您之前可能看到的其他组件，而是一个功能。这意 阅读全文
posted @ 2019-01-22 09:58 一小半 阅读(169) 评论(0) 推荐(0)
受控组件与不受控制的组件有什么区别？
摘要：React的很大一部分是将组件控制和管理自己的状态的想法。 当我们将本机HTML表单元素（输入，选择，文本区域等）投入到组合中时会发生什么？我们是否应该使用React作为“单一的真理来源”，就像我们习惯使用React一样，或者我们是否允许表单数据生活在DOM中，就像我们习惯于使用HTML表单元素一样 阅读全文
posted @ 2019-01-18 10:51 一小半 阅读(1820) 评论(0) 推荐(0)
为什么用React.Children.map(props.children, () => )而不是props.children.map(() => )
摘要：不能保证props.children将是一个数组。 以此代码为例， 如果我们尝试使用props.children.map它来映射孩子，父母内部会抛出错误，因为它props.children是一个对象而不是一个数组。 props.children如果有多个子元素（如此），则React只会生成一个数组 阅读全文
posted @ 2019-01-16 12:09 一小半 阅读(3102) 评论(0) 推荐(0)
在哪个生命周期事件中，你会做出AJAX请求，为什么？
摘要：AJAX请求应该在componentDidMount生命周期事件中。 这有一些原因， Fiber，下一次实施React的对帐算法后，将有能力根据需要开始和停止呈现，以获得性能优势。其中一个取舍之一是组件 WillMount ，其他生命周期事件，它可能有意义的AJAX请求，将是“非确定性”。这意味着R 阅读全文
posted @ 2019-01-15 10:17 一小半 阅读(1241) 评论(0) 推荐(0)
什么是可以选择传递给setState的第二个参数，它的目的是什么？
摘要：一个回调函数，当setState结束并重新呈现该组件时将被调用。 一些没有说出来的东西是setState是异步的，这就是为什么它需要一个第二个回调函数。通常情况下，最好使用另一种生命周期方法，而不是依赖这个回调函数，但是很高兴知道它存在。 阅读全文
posted @ 2019-01-14 10:28 一小半 阅读(6802) 评论(0) 推荐(1)
调用setState时会发生什么？
摘要：当调用setState时，React会做的第一件事是将传递给setState的对象合并到组件的当前状态。 这将启动一个称为和解的过程。和解的最终目标是以最有效的方式，根据这个新的状态更新UI。 为此，React将构建一个React元素的新树（您可以将其视为UI的对象表示）。 一旦有了这棵树，为了弄清 阅读全文
posted @ 2019-01-11 10:30 一小半 阅读(1027) 评论(0) 推荐(1)
这段代码有什么问题？
摘要：这段代码有什么问题？ 没有什么是错的🙂。它很少被使用，并不为人所知，但是你也可以传递一个函数给setState，它接收到先前的状态和道具并返回一个新的状态，正如我们在上面所做的那样。而且不仅没有什么问题，而且如果您根据以前的状态设置状态，也会积极推荐。 阅读全文
posted @ 2019-01-10 12:13 一小半 阅读(156) 评论(0) 推荐(0)
React 中的ref 介绍， 为什么他们很重要
摘要：ref 是一个入口 允许您直接访问DOM元素或组件实例。 为了使用它们，您可以向组件添加一个ref属性，该属性的值是一个回调函数，它将接收底层的DOM元素或组件的已挂接实例作为其第一个参数。 以上注意到我们的输入字段有一个ref属性，其值是一个函数。该函数接收我们然后放在实例上的实际的DOM元素，以 阅读全文
posted @ 2019-01-10 12:12 一小半 阅读(2046) 评论(0) 推荐(0)
react key 的理解
摘要：react 中的key是什么，为什么它们很重要？ key 是什么帮助反应跟踪哪些项目已更改，添加或从列表中删除 每个键在兄弟姐妹之间都是独一无二的，这一点非常重要。 我们已经谈过几次关于和解的过程，而且这个和解过程的一部分是用最前面的一个来执行一个新的元素树的差异。 在处理列表时，键使此过程更有效， 阅读全文
posted @ 2019-01-09 09:37 一小半 阅读(281) 评论(0) 推荐(0)
react 中event 的处理方式
摘要：为了解决跨浏览器兼容性问题，您的React中的事件处理程序将传递SyntheticEvent的实例， 它是React的浏览器本机事件的跨浏览器包装器。 这些合成事件与您习惯的本机事件具有相同的界面，但它们在所有浏览器中的工作相同。 这对于性能是有好处的，这也意味着在更新DOM时，React不需要担心 阅读全文
posted @ 2019-01-08 10:07 一小半 阅读(1747) 评论(0) 推荐(0)
React 生命周期（顺序）和 组件 通信
摘要：很多情况下，我们是通过props来定制组件实例的外观及行为,这样的组件我们称之为无状态/stateless的组件，因为在任何时刻，组件 实例的表现都仅仅取决于外部传入的props属性，与 它自身之前的表现毫无关系，即，它本身没有任何记忆 让一个组件拥有记忆能力,根据自身的状态对同样的刺激做出 不同的 阅读全文
posted @ 2019-01-07 10:43 一小半 阅读(345) 评论(0) 推荐(0)
虚拟DOM
摘要：一、什么是虚拟DOM？ render执行的结果得到的并不是真正的DOM节点，结果仅仅是轻量级的JavaScript对象，我们称之为virtual DOM。 虚拟DOM是React的一大亮点，具有batching(批处理)和高效的Diff算法。这让我们可以无需担心性能问题而”毫无顾忌”的随时“刷新”整 阅读全文
posted @ 2019-01-04 10:10 一小半 阅读(405) 评论(0) 推荐(0)
React 扩展运算符未知的支柱警告
摘要：如果您尝试使用不被React识别的道具作为合法的DOM属性/属性来渲染DOM元素，那么unknown-prop警告将触发。你应该确保你的DOM元素没有虚假的道具。 这个警告可能会出现几个可能的原因： 为了解决这个问题，复合组件应该“消耗”用于复合组件的任何道具，而不是用于子组件。例： 不好：意外的l 阅读全文
posted @ 2019-01-03 09:43 一小半 阅读(453) 评论(0) 推荐(0)
es6的class写法与es5的createClass都有哪些区别？
摘要：1. 前言 在使用React的时候，根据官方文档，发现了两种创建组件的方式。一种是使用React.createClass({})的方式来创建，还有一种是使用ES6的class并继承React.Component来创建。 刚开始学的时候自己觉得有点迷，并且一直都是使用ES6语法来创建组件(毕竟先进嘛) 阅读全文
posted @ 2019-01-02 09:41 一小半 阅读(1284) 评论(0) 推荐(0)