阅读react文档核心概念_笔记

react文档核心概念地址：https://zh-hans.reactjs.org/docs/getting-started.html

名词解释

DOM：文档对象模型，Document Object Model

Element：元素

const：常量

render：呈现(渲染)

Interval:间隔

Babel：将ES6及以上版本的代码转换为ES5的工具

plugins：插件，Babel插件可以将输入源码进行转换，输出编译后的代码

props：properties，属性

函数

setInterval()：以毫秒为周期调用函数

toLocaleTimeString() ：根据本地时间把 Date 对象的时间部分转换为字符串，并返回结果

super()：调用父类的函数

笔记

1.ReactDOM用小驼峰命名定义属性名称

2.组件名称要以大写字母开头

3.建议从组件自身的角度命名 props，而不是依赖于调用组件的上下文命名。

4.箭头函数：箭头函数相当于匿名函数

x => x * x

相当于

function (x) {
    return x * x;
}

 

5.匿名函数：

       （1）、通过匿名函数可以实现闭包，在这里简单介绍一下：闭包是可以访问在函数作用域内定义的变量的函数。若要创建一个闭包，往往都需要用到匿名函数。

（2）、模拟块级作用域，减少全局变量。执行完匿名函数，存储在内存中相对应的变量会被销毁，从而节省内存。再者，在大型多人开发的项目中，使用块级作用域，会大大降低命名冲突的问题，从而避免产生灾难性的后果。自此开发者再也不必担心搞乱全局作用域了

6.闭包：

闭包之所以能访问其外层函数作用域中的变量，是因为闭包的作用域链中存在外层函数的变量对象。即使外层函数之行结束，但由于其变量对象仍然被内层函数的作用域引用，因此不会被内存回收，直到闭包执行结束后，外层函数的变量对象才会被回收。

什么是闭包？

https://www.zhihu.com/question/34210214/answer/136673471

7. prevState是React的前一个State(状态)，只能用于this.setState()中。

https://blog.csdn.net/dugushangliang/article/details/90581414

8. 在 JavaScript 中，true && expression 总是会返回 expression, 而 false && expression 总是会返回 false。因此，如果条件是 true，&& 右侧的元素就会被渲染，如果是 false，React 会忽略并跳过它。

9. 三目运算符 condition ? true : false

10.在 map() 方法中的元素需要设置 key 属性。

11.super()

https://segmentfault.com/q/1010000008340434

12.bind()

没有在方法后面添加 ()，例如 onClick={this.handleClick}，你应该为这个方法绑定 this.

解决办法：在回调中使用箭头函数，或使用public class fields 语法。