react
文章平均质量分 80
qq_43806488
这个作者很懒,什么都没留下…
展开
-
hooks进阶
hooks进阶useState - 回调函数的参数使用场景参数只会在组件的初始渲染中起作用,后续渲染时会被忽略。如果初始 state 需要通过计算才能获得,则可以传入一个函数,在函数中计算并返回初始的 state,此函数只在初始渲染时被调用语法const [name, setName] = useState(()=>{ // 编写计算逻辑 return '计算之后的初始值'})语法规则回调函数return出去的值将作为 name 的初始值回调函数中的逻辑只会在组件初始化原创 2022-05-07 09:29:13 · 176 阅读 · 0 评论 -
hooks 基础
hooks 基础hooks概念什么是hooks?Hooks的本质:一套能够使函数组件更强大,更灵活的“钩子”React体系里组件分为 类组件 和 函数组件经过多年的实战,函数组件是一个更加匹配React的设计理念 UI = f(data),也更有利于逻辑拆分与重用的组件表达形式,而先前的函数组件是不可以有自己的状态的,为了能让函数组件可以拥有自己的状态,所以从react v16.8开始,Hooks应运而生注意点:有了hooks之后,为了兼容老版本,class类组件并没有被移除,俩者都可以原创 2022-05-04 10:20:18 · 299 阅读 · 0 评论 -
react组件通信
react组件通信为什么要组件通信组件是独立且封闭的单元,默认情况下组件只能使用自己的数据(state)组件化开发的过程中,完整的功能会拆分多个组件,在这个过程中不可避免的需要互相传递一些数据为了能让各组件之间可以进行互相沟通,数据传递,这个过程就是组件通信组件通信的形式父子关系 - 最重要的兄弟关系 - 自定义事件模式产生技术方法 eventBus / 通过共同的父组件通信其它关系 - redux / 基于hook的方案父传子父组件提供要传递的数据 - stat原创 2022-04-29 10:07:45 · 307 阅读 · 0 评论 -
react组件进阶
react组件进阶children 属性children属性是什么表示该组件的子节点,只要组件内部有子节点,props中就有该属性children可以是什么普通文本普通标签元素函数JSXprops校验对于组件来说,props是由外部传入的,我们其实无法保证组件使用者传入了什么格式的数据,如果传入的数据格式不对,就有可能会导致组件内部错误,有一个点很关键 - 组件的使用者可能报错了也不知道为什么安装属性校验包:yarn add prop-types导入prop-types 包原创 2022-04-28 16:40:45 · 349 阅读 · 0 评论 -
react组件基础
组件基础组件概念组件是 React 的一等公民,使用 React 就是在用组件组件表示页面中的部分功能组合多个组件实现完整的页面功能特点:可复用、独立、可组合组件形式有两种:函数组件和类组件函数组件使用 JS 的函数(或箭头函数)创建的组件,就叫做`函数组件function Hello() { return <>我是函数组件</>;}function App() { return ( <div className="App">原创 2022-04-26 14:58:30 · 243 阅读 · 0 评论 -
react基础
react基础react介绍什么是react一个专注于构建用户界面的 JavaScript 库,和vue和angular并称前端三大框架,不夸张的说,react引领了很多新思想,世界范围内是最流行的js前端框架react有什么特点声明式UI(JSX):写UI就和写普通的HTML一样,抛弃命令式的繁琐实现组件化:组件是react中最重要的内容,组件可以通过搭积木的方式拼成一个完整的页面,通过组件的抽象可以增加复用能力和提高可维护性一次学习,跨平台编写:react既可以开发web应用也可以使用同原创 2022-04-22 11:52:01 · 1050 阅读 · 0 评论