摘要：
学习目标 能够说出React 路由的作用 能够掌握react router dom的基本使用 能够使用编程式导航跳转路由 能够知道React路由的匹配模式 1.React路由介绍 现代的前端应用大多都是SPA（单页应用程序），也就是只有一个HTML页面的应用程序。因为它的用户体验更好，对服务器的压力 阅读全文
摘要：
学习目标 1.setState() 的说明 推荐语法 第二个参数 2.JSX 语法的转化过程 3.组件更新机制 4.组件性能优化 4.1 减轻state 4.2 避免不必要的重新渲染 4.3 纯组件基本使用 5.虚拟DOM和Diff 算法 阅读全文
摘要：
高阶组件 思路分析 使用步骤 设置displayName //设置displayName Mouse.displayName = return Mouse //function getDisplayName(WrappedComponent){ return WrappedComponent.dis 阅读全文
摘要：
React组件复用 render props模式 思路分析 思路：将要复用的state和操作state的方法封装都一个组件中 使用步骤 演示Mouse组件复用 children代替render属性 改 优化 阅读全文
摘要：
组件的生命周期 意义：组件的生命周期有助于理解组件的运行方式，完成更复杂的组件功能，分析组件错误原因等 组件的生命周期：组件从被创建到挂载到页面中运行，再到组件不用时卸载的过程 生命周期的每个阶段总是伴随着一些方法的调用，这些方法就是生命周期的钩子函数 钩子函数的作用：为开发人员在不同阶段操作组件提 阅读全文
摘要：
props 校验 使用步骤 props 校验 约束规则 props 的默认值 阅读全文
摘要：
Context 作用：跨组件传递数据（比如主题，语言等） 使用步骤： 1.使用Reat.creatContext()创建Provider(提供数据和 Consumer(消费数据) 两个组件 2.使用Provider组件作为父节点 3.使用value属性，表示要传递的数据 4.使用Consumer 组 阅读全文
摘要：
组件通讯 组件是独立且封闭的单元，默认情况下，只能使用组件自己的数据 在组件化过程中，我们将一个完整的功能拆分成多个组件，以更好的完成整个应用的功能 在这个过程中，多个组件之间不可避免的要共享某些数据，为了实现这些功能，就需要打破组件的独立封闭性，让其与外界沟通，这个过程就是组件通讯 组件props 阅读全文
摘要：
案例：需求分析 案例：实现步骤 1.渲染评论列表 2.渲染暂无评论 3.获取评论信息 4.发表评论 完整代码 阅读全文
摘要：
React组件介绍 1.组件是React 的一等公民。使用React就是在用组件 2.组件表示页面中的部分功能 3.组合多个组件实现完整的页面功能 4.特点：可复用，独立，可组合 React组件的两种创建方式 1.使用函数创建组件 2.使用类创建组件 把创建好的组件 抽离为独立JS文件 React事 阅读全文