现有两个组件一个叫做Father，作为父组件，一个叫做Son，作为子组件 一、父组件向子组件传值 Father组件 function Father (props,ref){ const [page, setPage] = useState("首页");//将page传给子组件 function changePage() { setPage('改变了的首页'); } return ( <div className="Home">

需求：需要将后端返回的文件地址读出来，然后在页面上预览 1.分析 开始需求的时候我使用的是iframe标签去实现的，如下代码，因为返回来的是一个文件对象，需要使用Blob实例化，上面是官网的blob资料，这里v是一个Blob数据，然后使用createObjectUrl将blob转为服务器上的url地址，然后展示即可 const res: any = await fetch(`${selected_content?.doc_type}`); res.blob().

前言 接触React + Ant Design开发也有一段时间了，也已经慢慢习惯了React + Ant Design。最近开发的需求功能里，需要一个全屏弹窗的功能，类似于ElementUI里的Dialog组件fullscreen属性设置为true的效果。然而发现Ant Design的Modal组件并不支持全屏效果。 去Github上翻了一下其他开发者提的issue，发现2018年的时候有其他开发者已经提了：https://github.com/ant-design/ant-design/i

欢迎来到我的博客📔博主是一名大学在读本科生，主要学习方向是前端。 🍭目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏 🛠目前正在学习的是🔥 R e a c t 框架 React框架 Reac

原因 出现这样的问题如果给useEffect提供的依赖没问题的话，那么原因一定是使用了react的严格模式 root.render( <React.StrictMode> <Router> <App /> </Router> </React.StrictMode>, ); 开发环境不建议使用严格模式 react@v18 严格模式下useEffect会执行两遍 严格模式是用于突出显示应用

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 前言 随着互联网的不断发展，视频的格式也越来越多，视频格式兼容问题也随之出现，这篇文章主要对video.js播放mp4和hls视频格式进行简单使用。 一、video.js是什么？ video.js是一个通用的在网页上嵌入视频播放器的 JS 库,是一款基于HTML5的网络视频播放器。它支持HTML5和Flash视频。支持在桌面和移动设备上播放视频。 二、使用步骤 1.引入库 使用yarn

1、hooks 是什么 Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 Hook 是一些可以让你在函数组件里“钩入” React state 及生命周期等特性的函数。Hook 不能在 class 组件中使用 —— 这使得你不使用 class 也能使用 React。 2、为什么要使用 hooks 难以理解的 class 、组件中必须去理解 javascript 与 this 的工作方式、需要绑

useEffect 之前我们学习了class组件的声明周期，那么我们想在函数式组件中做一些声明周期有关操作能否实现呢？ 函数式组件中是没有生命周期的,所以就可以使用useEffect来替代。我们可以把useEffect看作组件加载、组件更新、组件卸载的三个生命周期方法的组合。 下面我们一起来通过案例学习useEffect的使用： 1.这里需求是写一个点击事件让state累加，并且吧state展示在title上 2.首先要导入React, { useState, useEffect

前言： 作用： 首先useMemo它使用来做缓存用的，只有当一个依赖项改变的时候才会发生变化，否则拿缓存的值，就不用在每次渲染的时候再做计算 场景： 既然是用作缓存来用，那场景就可能有： 比如说当你登陆之后，你的个人信息一般是不会变的，当你退出登陆，重新输入另外一个人的账号密码之后，这个时候个人信息可能就变了，那这样我就可以把账号和密码`两个作为依赖项，当他们变了，那就更新个人信息，否则拿缓存的值，从而达到优化的目的 也许有时候，你可能需要从A页面跳转到B页面，并携带一些参数，那就会从路

什么是Hooks? 首先：React的组件创建方式，一种是类组件，一种是纯函数组件。 React团队认为组件的最佳写法应该是函数，而不是类。 但是纯函数组件有着类组件不具备的特点： 纯函数组件没有状态 纯函数组件没有生命周期 纯函数组件没有this 这就注定，纯函数组件只能做UI展示的功能，如果涉及到状态的管理与切换，我们就必须得用类组件或者redux，但是在简单的页面中使用类组件或者redux会使代码显得很重。 因此，React团队设计了React hooks（钩

1. react中的生命周期 react中的class组件是拥有生命周期的。 生命周期分为：mounting，updating，unmounting三个阶段。 不同生命周期阶段包括不同的生命周期函数：mounting阶段：constructor，componentWillMount，render，componentDidMountupdating阶段：componentWillReceiveProps，shouldComponentUpdate，componentWillUpdate，re

Ant Design Vue 是使用 Vue 实现的遵循 Ant Design 设计规范的高质量 UI 组件库，用于开发和服务于企业级中后台产品。 Ant Design Vue 中文文档：https://www.antdv.com/docs/vue/introduce-cn/ Github:https://github.com/vueComponent/ant-design-vue/ star：15k 特性 提炼自企业级中后台产品的交互语言和视觉风格。 开箱即用的高质量 Vue 组