摘要：
现代的前端应用大多都是 SPA（单页应用程序），也就是只有一个 HTML 页面的应用程序。因为它的用户体 验更好、对服务器的压力更小，所以更受欢迎。为了有效的使用单个页面来管理原来多页面的功能，前端路由 应运而生。 前端路由的功能：让用户从一个视图（页面）导航到另一个视图（页面） 前端路由是一套映射 阅读全文
摘要：
<!-- 1. JSX 语法的转化过程 --> JSX 仅仅是 createElement() 方法的语法糖（简化语法） JSX 语法被 @babel/preset-react 插件编译为 createElement() 方法 React 元素：是一个对象，用来描述你希望在屏幕上看到的内容 JSX 阅读全文
摘要：
setState() 是异步更新数据的 注意：使用该语法时，后面的 setState() 不要依赖于前面的 setState() 可以多次调用 setState() ，只会触发一次重新渲染 this.state = { count: 1 } this.setState({ count: th 阅读全文
摘要：
<!-- 1. React组件复用概述 --> 思考：如果两个组件中的部分功能相似或相同，该如何处理？ 处理方式：复用相似的功能（联想函数封装） 复用什么？1. state 2. 操作state的方法 （组件状态逻辑 ） 两种方式：1. render props模式 2. 高阶组件（HO 阅读全文
摘要：
<!-- 1 组件的生命周期概述 --> 意义：组件的生命周期有助于理解组件的运行方式、完成更复杂的组件功能、分析组件错误原因等 组件的生命周期：组件从被创建到挂载到页面中运行，再到组件不用时卸载的过程 生命周期的每个阶段总是伴随着一些方法调用，这些方法就是生命周期的钩子函数。 钩子 阅读全文
摘要：
组件是封闭的，要接收外部数据应该通过 props 来实现 props的作用：接收传递给组件的数据 传递数据：给组件标签添加属性 接收数据：函数组件通过参数props接收数据，类组件通过 this.props 接收数据 <Hello name="jack" age={19} /> func 阅读全文
摘要：
组件是 React 的一等公民，使用 React 就是在用组件 组件表示页面中的部分功能 组合多个组件实现完整的页面功能 特点：可复用、独立、可组合 <!-- 2.React 组件的两种创建方式 --> 1 使用函数创建组件 函数组件：使用 JS 的函数（或箭头函数）创建的组件 约定1：函数名称必须 阅读全文
摘要：
<!--1. react概述 --> React 是一个用于构建用户界面的 JavaScript 库。 1. React 概述 1.1 什么是 React 如果从 MVC 的角度来看，React 仅仅是视图层（V），也就是只负责视图的渲染，而并非提供了 完整的 M 和 C 的功能。 <!-- 2.R 阅读全文