Guan

hook Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。

本文主要实现开源新闻接口获取数据展示到页面上的过程 1.使用新闻接口 2.列表展示 3.页按钮实现。

列表渲染 页面处理的数据较为复杂一些，一般格式为数组和数组对象 数组 数组对象 map方法遍历 map语法 会处理数组的元素直接返回新数组

样式使用 标签属性style 行内样式 属性class 链接外部样式 src\assets\App1.css App.js 图片 条件渲染 双向绑定 在表单元素中 单向数据流：数据渲染到页面DOM上

状态 React组件中 通过state管理组件内部状态 类Vue中的data setState刷新DOM setState具有异步性

React中类组件的事件触发以及 事件触发的时this指向问题，总结了三种相应的解决方法来保持this的指向不丢失

类组件 以类的方式封装组件，功能更为全面一些，早期(16.8版本以前)函数组件无法支持state组件状态,组件生命周期，只能使用类组件 hook 函数组件使用state和生命周期。

ReactNative解决方案 ReactNative是一款制作手机端APP的框架。使用React的语法(JS，JSX)等，开发原生APP应用。

ECMAScript6，即 ES6，是 ECMAScript 的第六次修订，于 2015 年完成，也称 ES2015 ES6 是继 ES5 之后的一次改进，相对于 ES5 更加简洁，提高了开发效率