qq_43806488的博客

hooks进阶 useState - 回调函数的参数 使用场景 参数只会在组件的初始渲染中起作用，后续渲染时会被忽略。如果初始 state 需要通过计算才能获得，则可以传入一个函数，在函数中计算并返回初始的 state，此函数只在初始渲染时被调用 语法 const [name, setName] = useState(()=>{ // 编写计算逻辑 return '计算之后的初始值'}) 语法规则 回调函数return出去的值将作为 name 的初始值 回调函数中的逻辑只会在组件初始化

hooks 基础 hooks概念 什么是hooks？ Hooks的本质：一套能够使函数组件更强大，更灵活的“钩子” React体系里组件分为 类组件 和 函数组件 经过多年的实战，函数组件是一个更加匹配React的设计理念 UI = f(data)，也更有利于逻辑拆分与重用的组件表达形式，而先前的函数组件是不可以有自己的状态的，为了能让函数组件可以拥有自己的状态，所以从react v16.8开始，Hooks应运而生 注意点: 有了hooks之后，为了兼容老版本，class类组件并没有被移除，俩者都可以

react组件通信 为什么要组件通信 组件是独立且封闭的单元，默认情况下组件只能使用自己的数据（state） 组件化开发的过程中，完整的功能会拆分多个组件，在这个过程中不可避免的需要互相传递一些数据 为了能让各组件之间可以进行互相沟通，数据传递，这个过程就是组件通信 组件通信的形式 父子关系 - 最重要的 兄弟关系 - 自定义事件模式产生技术方法 eventBus / 通过共同的父组件通信 其它关系 - redux / 基于hook的方案 父传子 父组件提供要传递的数据 - stat

react组件进阶 children 属性 children属性是什么 表示该组件的子节点，只要组件内部有子节点，props中就有该属性 children可以是什么 普通文本 普通标签元素 函数 JSX props校验 对于组件来说，props是由外部传入的，我们其实无法保证组件使用者传入了什么格式的数据，如果传入的数据格式不对，就有可能会导致组件内部错误，有一个点很关键 - 组件的使用者可能报错了也不知道为什么 安装属性校验包：yarn add prop-types 导入prop-types 包

组件基础 组件概念 组件是 React 的一等公民，使用 React 就是在用组件 组件表示页面中的部分功能 组合多个组件实现完整的页面功能 特点：可复用、独立、可组合 组件形式有两种：函数组件和类组件 函数组件 使用 JS 的函数（或箭头函数）创建的组件，就叫做`函数组件 function Hello() { return <>我是函数组件</>; } function App() { return ( <div className="App">

react基础 react介绍 什么是react 一个专注于构建用户界面的 JavaScript 库，和vue和angular并称前端三大框架，不夸张的说，react引领了很多新思想，世界范围内是最流行的js前端框架 react有什么特点 声明式UI（JSX）：写UI就和写普通的HTML一样，抛弃命令式的繁琐实现 组件化：组件是react中最重要的内容，组件可以通过搭积木的方式拼成一个完整的页面，通过组件的抽象可以增加复用能力和提高可维护性 一次学习，跨平台编写：react既可以开发web应用也可以使用同