摘要: “Props” 当 React 元素为用户自定义组件时,它会将 JSX 所接收的属性(attributes)转换为单个对象传递给组件,这个对象被称之为 “props”。 props的只读性 组件无论是使用函数声明还是通过 class 声明,都决不能修改自身的 props。 组件可以接受任意 prop 阅读全文
posted @ 2019-10-31 15:21 LiangM 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 组件允许你将 UI 拆分为独立可复用的代码片段,并对每个片段进行独立构思。所以当在动手写代码之前,要分析UI,如何划分组件是一个需要在动手之前想清楚的问题,最重要的就是独立以及可复用。独立代表不会影响到其他组件,可复用代表省去了很多重复工作量,所以这两部分在划分组件的时候要重点思考。 组件,从概念上 阅读全文
posted @ 2019-10-31 13:43 LiangM 阅读(242) 评论(0) 推荐(0) 编辑
摘要: 每个组件都包含“生命周期方法”,你可以重写这些方法,以便于在运行过程中特定的阶段执行这些方法。 挂载 当组件实例被创建并插入 DOM 中时,其生命周期调用顺序如下: constructor() static getDerivedStateFromProps() render() componentD 阅读全文
posted @ 2019-10-31 08:18 LiangM 阅读(361) 评论(0) 推荐(0) 编辑
摘要: 在说虚拟DOM之前,先来一个引子,从输入url到展现出整个页面都有哪些过程? 1、输入网址 2、DNS解析 3、建立tcp连接 4、客户端发送HTPP请求 5、服务器处理请求 6、服务器响应请求 7、浏览器展示HTML 8、浏览器发送请求获取其他在HTML中的资源。 其中浏览器展示HTML经过了:构 阅读全文
posted @ 2019-10-30 15:14 LiangM 阅读(465) 评论(0) 推荐(0) 编辑
摘要: JSX就是Javascript和XML结合的一种格式。是一个 JavaScript 的语法扩展。 React发明了JSX,利用HTML语法来创建虚拟DOM。当遇到<,JSX就当HTML解析,遇到{就当JavaScript解析。 JSX,是一个 JavaScript 的语法扩展。JSX 可以很好地描述 阅读全文
posted @ 2019-10-30 11:40 LiangM 阅读(649) 评论(0) 推荐(0) 编辑