react基础知识与运用
文章平均质量分 86
主要以react项目实战运用为出发点的专栏
程序员良仔
前端一枚,专注前端知识分享
展开
-
react hook组件间通讯的4种方式
前言自从react官方引入了hook,很多小伙伴都从老的class组件换为hook组件,但因为hook组件的传参和class组件传参还是有些区别的,所以下文汇总了4种传参方式目录前言一、父传子1、父组件2、子组件二、子传父1、父组件2、子组件三、父传后代1、context.js2、父组件3、子组件4、子孙组件四、父调用子的函数1、父组件2、子组件一、父传子子组件通过props接收父组件传来的数据1、父组件import React, { useState } from 'react'imp原创 2022-01-27 23:20:53 · 4469 阅读 · 1 评论 -
react class组件间通信的6种方式(父传子、子传父、ref、context、event bus、redux)
前言用react写项目时,组件间通信是必须要掌握的,但实现组件通信有很多种方法,所以要根据项目实际情况,使用最佳的方法,才能令你,事半功倍 下面有8种组件间通讯方法,代码中都写了注释哦,文章总结有代码下载链接1、父传子 子组件通过this.props接收父组件传来的数据 最佳使用场景,数据简单,状态单一,优先使用,优先级 > 后6种方法父组件import React, { Component } from 'react'import Child from './ch原创 2021-08-29 19:13:35 · 2327 阅读 · 2 评论 -
react router中HashRouter和BrowserRouter的区别和使用场景
前言目录前言一、使用场景二、使用方法三、总结一、使用场景二、使用方法三、总结你可能感兴趣的文章:vue中组件间通讯的8种方法原创 2021-05-08 16:11:05 · 8509 阅读 · 3 评论 -
react router路由跳转传参,react-router-dom基本使用+4种传参方式
前言目录前言一、使用场景二、使用方法三、总结一、使用场景二、使用方法三、总结你可能感兴趣的文章:vue中组件间通讯的8种方法原创 2021-04-18 17:40:53 · 7087 阅读 · 0 评论 -
React Hook的使用
前言JavaScript是世界上最流行的语言之一,React和Vue是JS最流行的两个框架。但各有优缺点,本文将详细对比两大框架目录前言一、React Hook是什么?二、React目前提供的Hook三、Hook的使用1、useState2、useEffect & useLayoutEffect3、useMemo & useCallback4、useRef5、useContext6、useReducer四、hooks使用禁忌五、总结一、React Hook是什么?二、React目前提原创 2021-03-28 18:20:54 · 513 阅读 · 0 评论 -
React与Vue的区别和对比
前言JavaScript是世界上最流行的语言之一,React和Vue是JS最流行的两个框架。但各有优缺点,本文将详细对比两大框架目录前言1、框架背景2、框架简介3、框架共同点4、各自优势5、两者区别6、总结1、框架背景2、框架简介3、框架共同点4、各自优势5、两者区别6、总结...原创 2021-02-21 22:04:55 · 34183 阅读 · 1 评论