随笔分类 - 07-React全家桶
摘要：一. 前言 1. 背景 事实上，css一直是React的痛点，也是被很多开发者吐槽、诟病的一个点。 2. 对比vue (1) 在这一点上，Vue做的要好于React： Vue通过在.vue文件中编写 <style><style> 标签来编写自己的样式； 通过是否添加 scoped 属性来决定编写的样
阅读全文
摘要：一. 高阶组件 1. 回顾 什么是高阶函数？ 至少需要满足以下条件之一：(1). 接收一个或多个函数作为参数输入； (2). 输出一个函数。 比如：filter、some、map、every、reduce 等都是高阶函数 2. 高阶组件定义 (1). 定义 高阶组件是一个函数，这个函数的参数是一个组
阅读全文
摘要：一. 受控组件 1. 受控组件 (1) 在 HTML 中，表单元素（如<input>、 <textarea> 和 <select>）之类的表单元素通常自己维护 state，并根据用户输入进行更新。 (2) 而在 React 中，可变状态（mutable state）通常保存在组件的 state 属性
阅读全文
摘要：一. Redux Toolkit详解 1. 简介 (1).Redux Toolkit 是官方推荐的编写 Redux 逻辑的方法。 在前面我们学习Redux的时候应该已经发现，redux的编写逻辑过于的繁琐和麻烦。 并且代码通常分拆在多个文件中（虽然也可以放到一个文件管理，但是代码量过多，不利于管理）
阅读全文
摘要：一. react-redux库 1. 背景 在仅仅导入【redux】库的情况下，代码非常冗余，每个组件中都需要: (1). 需要在componentDidMount生命周期中subscribe订阅, store中的数据修改时候，给页面state中的数据进行修改赋值 (2). 默认构造函数中需要给 s
阅读全文
摘要：一. 父传子 1. 用法 父组件通过 属性=值 的形式来传递给子组件数据； 子组件通过 props 参数获取父组件传递过来的数据, 详见child1函数组件 和 child2 类组件 2. PropTypes实现传递参数验证 (详见官网：https://zh-hans.reactjs.org/doc
阅读全文
摘要：一. 前言 1. 纯函数 (1).函数式编程中有一个非常重要的概念叫纯函数，JavaScript符合函数式编程的范式，所以也有纯函数的概念； 在react开发中纯函数是被多次提及的； 比如react中组件就被要求像是一个纯函数（为什么是像，因为还有class组件），redux中有一个reducer的
阅读全文
摘要：一. setState详解 1. 使用背景 开发中我们并不能直接通过修改state的值来让界面发生更新： (1).因为我们修改了state之后，希望React根据最新的State来重新渲染界面，但是这种方式的修改React并不知道数据发生了变化； (2).React并没有实现类似于Vue2中的Obj
阅读全文
摘要：一. react脚手架 1. 什么是脚手架 编程中提到的脚手架（Scaffold），其实是一种工具，帮我们可以快速生成项目的工程化结构； 🚩每个项目作出完成的效果不同，但是它们的基本工程化结构是相似的； 🚩既然相似，就没有必要每次都从零开始搭建，完全可以使用一些工具，帮助我们生产基本的工程化模板
阅读全文
摘要：一. jsx说明及用法 1. 什么jsx？ JSX是一种JavaScript的语法扩展（extension），也在很多地方称之为JavaScript XML，因为看起就是一段XML语法； 它用于描述我们的UI界面，并且其完成可以和JavaScript融合在一起使用； 它不同于Vue中的模块语法，你不
阅读全文
摘要：一. react简介 1. 说明 用于构建用户界面的 JavaScript 库 ( 官网: https://react.docschina.org/ )，React由Facebook来更新和维护，它是大量优秀程序员的思想结晶： (1). React的流行不仅仅局限于普通开发工程师对它的认可； (2)
阅读全文
摘要：一. 说明 工作需要，最近学习下react 官网：https://react.docschina.org/ https://zh-hans.reactjs.org/ 二. React简介 1. 说明 用于构建用户界面的 JavaScript 库 ( 官网: https://react.docschi
阅读全文