React

ReactNative状态管理redux使用的方法是什么

这篇“ReactNative状态管理redux使用的方法是什么”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“ReactNative状态管理redux使用的方法是什么”文章吧。 安装和配置开发环境 安装 Node.js 和 create-react-app 脚手架,用于快速创建 Rea

React 2023年11月13日  85

React请求机制优化思路

说起数据加载的机制,有一个绕不开的话题就是前端性能,很多电商门户的首页其实都会做一些垂直的定制优化,比如让请求在页面最早加载,或者在前一个页面就进行预加载等等。随着react18的发布,请求机制这一块也是被不断谈起,并且在后续其实也给出了明确的方向。 假如我们页面中有三个组件C1、C2、C3依次嵌套,每个组件中有对应的请求F1、F2、F3,通常大多数人会使用useeffect和state变量来实现

React 2023年11月06日  64

基于react18+vite4+arco.design搭建极简版后台管理模板

趁着国庆前夕整了一个vite4结合react18搭建后台管理模板,搭配上字节团队react组件库ArcoDesign,整体操作功能非常丝滑。目前功能支持多种模板布局、暗黑/亮色模式、国际化、权限验证、多级路由菜单、tabview标签栏快捷菜单、全屏控制等功能。极简非凡的布局界面、高定制化模块,用心打造每一个功能。 技术栈版本 "@arco-design/web-react": "^2.53.1"

React 2023年10月31日  79

React中父子组件通信怎么实现

本篇内容主要讲解“React中父子组件通信怎么实现”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“React中父子组件通信怎么实现”吧! 父组件向子组件通信 在父组件中,为子组件添加属性数据,即可实现父组件向子组件通信。传递的数据可以分成两类 子组件是作为属性来接收这些数据的 第一类就是数据:变量,对象,属性数据,状态数据等等 这些数据发生改变,子组件接

React 2023年10月30日  89

如何制作 Storybook Day 网页上的 3D 效果?

Storybook 刚刚达到了一个重要的里程牌:7.0 版本!为了庆祝,该团队举办了他们的第一次用户大会 - Storybook Day。为了更特别,在活动页面中添加了一个视觉上令人惊叹的 3D 插图。 原文:How we built the Storybook Day 3D animation 源码:storybook-day 3D 插图使用 React Three Fiber (R3F) 实

React 2023年10月26日  82

react如何请求数据异步

这篇文章主要讲解了“react如何请求数据异步”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“react如何请求数据异步”吧! react请求数据异步的方法:1、通过“npm i redux-thunk --save npm i axios --save”命令下载thunk;2、在store.js里面引入thunk插件

React 2023年10月19日  77

react如何实现页面跳转不记录

今天小编给大家分享一下react如何实现页面跳转不记录的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。 react实现页面跳转不记录的方法:1、打开相应的react文件;2、通过“this.props.history.replace("/home");”方法实现页面跳转并清除当前页的历

React 2023年10月14日  77

react router不显示如何解决

本篇内容介绍了“react router不显示如何解决”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! react router不显示的解决办法:1、在父路由组件中加入browserRouter把router都包起来;2、使用“this.props.history.go

React 2023年10月09日  77

react如何删除eslint

本篇内容介绍了“react如何删除eslint”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! react删除eslint的方法:1、执行“npm run eject”命令;2、在package.json中修改代码为“ "eslintConfig": {"extends

React 2023年10月04日  87

React hooks面试考察的知识点有哪些

这篇文章主要介绍了React hooks面试考察的知识点有哪些的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇React hooks面试考察的知识点有哪些文章都会有所收获,下面我们一起来看看吧。 什么是hooks?解决了什么问题? Hooks 是react16.8新增特性,它可以使用一些state的新特性,简化逻辑复用,副作用统一数据。 Hooks就是把某个目标结果钩

React 2023年09月29日  86

关闭

用微信“扫一扫”