挂载/卸载 //在类组件中 class Clock extends React.Component { constructor(props) { super(props); this.state = {date: new Date()}; } componentDidMount() { //挂载 this.timerID = setInterval( () => this.tick(), 1000 ); } componentWillUnmount() { // 卸载 clearInterval…

在上两节中,我们讲述了props, 组件使用props进行渲染,但是这是一次性的, props渲染完成之后就不做任何事情了,但是现实中却不是这样的,当我们点击购物车上的加减按钮时,数量会自动加1或减1,还有在就是倒计时效果,这就用了组件内部的状态, 如果一个组件有内部状态,那只能用类式组件,因为类中拥有构造函数,构造函数表示就是一个对象实例上的属性,对象实例上的属性都是特有的,所以也可以称之为对象实例的状态. 在组件的构造函数中声明组件的状态也是很简单,直接写this.state = {},我们…

三点运算符  (...)的用法 1:展开运算符 let a=[1,2,3]; let b=[0,...a,4];//[0,1,2,3,4] let obj ={a:1,b:2}; let obj2 ={...obj,c:3}; //{a:1,b:2,c:3}; let obj3 ={...obj,a:3};//{a:3,b:2} 2:剩余操作符,把剩余的东西放到一个array里面赋值给它 let a=[,,]; let [b,...c]=a; //b --1,c --[2,3] let a=[,…

React Native 学习(三)之 FlexBox 布局…

什么是react?react的官方网站:https://facebook.github.io/react/下图这个就是就是react的标志,非常巧合的是他和我们的github的编辑器Atom非常相似.react是Facebook官方推出的一个javascript的库,现在已经有了非常多的库和框架Facebook为什么还要开发一款新的框架呢?原因就是 Facebook遇到了一些新的问题.Facebook需要解决的问题是构建数据不断变化的大型应用.大型应用是什么意思?数据不断变化带来什么问题呢? …

什么是react A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES[React是一个用于构建用户界面的JavaScript库.] React之所以快,是因为它不直接操作DOM.React将DOM结构存储在内存中,然后同render()的返回内容进行比较,计算出需要改动的地方,最后才反映到DOM中.[为什么用react,它为什么快] 个人感觉: react通过虚拟DOM解决的数据频繁变化造成的DOM节点的频繁渲染.所以,适用于那些数据更新比较快的,…

摘要 react 学习包括几个部分: 文本渲染 JSX 语法 组件化思想 数据流 组件化思想 组件就是 UI + UI 交互逻辑,组件有三个常规map , 分别为state 状态 . props 数据 .refs 不知道是啥. 组件输入为 state 状态 . props 数据, 输出 为 页面dom 元素. 原理 本质是一个状态机,存在state 标志位,当state变化(调用setState(data, callback))时,会合并data 与 state,并重新渲染组件. 实现时,尽量拆…

React学习总结 一.什么是React? 是Facebook公司开发的一套JS库 React的详细介绍https://www.jianshu.com/p/ae482813b791 二.老版本React React:组件用的 ReactDom:把虚拟DOM渲染成真实DOM(DOM:计算数据变化触发一个事件) 三.Reatct和vue之间的联系: 在Vue2.0版本没有出来之前两者实力相当,在Vue2.0出来后发生转变React开始向Vue学习. 不同点: 1. 结构方面:  React:单项绑定…

转自:https://www.infoq.cn/article/AEkiVAiJf25LZmoUe_yc 之前我们已经介绍了2019 年 Vue 学习路线图,而 React 作为当前应用最广泛的前端框架,在 Facebook 的支持下,近年来实现了飞越式的发展,所以,我们将在下文中介绍 2019 年 React 学习路线图,希望给想学 React 的开发者一些借鉴. 这就是 2018 年的 React 路线图.它非常全面,2018 年剩下的时间可能不够你学会所有这些,但不要担心,所有的技术在 2…

React Learn Note 4 React学习笔记(四) 标签(空格分隔): React JavaScript 三.组件&Props 组件可以将UI切分成一些独立的.可复用的部件,这样你就只需专注于构建每一个单独的部件. 组件接收props,返回react元素. 1. 函数定义\类定义组件 最简单组件方式 - 函数定义组件: // 函数定义组件 function Welcome(props) { return <h1>Hello, {props.name}!</h1>…