react 第35页

前端项目react开发中总结常用的小技巧

map函数可以将数组对象的某些属性快速选择出来consttheDatas=theData.map((item)=>({key:item.key,checked:item.status}));...运算符可以快速遍历得到data里的所有对象constnewData=[...data];属性后面加问号？可以进行判空处理，这样开发就不会因为undefined进行报错data?.length如果是要多次读

Ciilk·2024-01-26 10:00

React中antd的Form表单校验基础方法

....;constformRef=useRef(null);constmethods=()=>{formRef?.current?.validateFields(values)//antdForm表单校验方法.then(()=>{console.log(values);//表单校验成功的逻辑处理，values是表单的全部数据，一般可以对接接口}).catch((errorInfo)=>{//输出

Ciilk·2024-01-26 10:00

React父组件向子组件传值时，子组件不立马渲染问题

React父组件向子组件传值时，子组件不立马渲染问题项目开发过程遇到的问题，需要向子组件传递一些数据，但是子组件不会立马渲染，通过console打印发现值是最新的1.传递的数据是一个对象，react是浅比较

fjy-code·2024-01-26 10:00

React中的组件通信——父传子、子传父、Context

0、认识组件间的通信在开发过程中，我们会经常遇到需要组件之间相互进行通信：比如App可能使用了多个Header，每个地方的Header展示的内容不同，那么我们就需要使用者传递给Header一些数据，让其进行展示；又比如我们在Main中一次性请求了Banner数据和ProductList数据，那么就需要传递给他们来进行展示；也可能是子组件中发生了事件，需要由父组件来完成某些操作，那就需要子组件向父组

小小白学计算机·2024-01-26 10:29

React中父组件调用子组件中声明的方法

React组件之间的通信可以通过props和onRef。

小问号我们是朋友·2024-01-26 10:58

React 父组件调用子组件方法

solutionQ：React中，父组件如何调用子组件的方法？

辰九九·2024-01-26 10:26

react中父组件的通信

一、react是什么？二、使用步骤1.子组件2.父组件3.运行效果总结一、react是什么？React是一个声明式，高效且灵活的用于构建用户界面的JavaScript库。

雁落成空·2024-01-26 10:26

react 中父组件通过使用 refs 来调用子组件实例的方法

class组件//App.jsimportReact,{Component,createRef}from"react";importChildClassfrom".

我有一车大西瓜·2024-01-26 10:24

【React的组件&组件间的通信(父向子，子向父，同级组件通信)】

目录一、React项目的入口文件(create-react-app)二、React的组件1、什么是组件?

꒰ঌsnail໒꒱·2024-01-26 10:53

Taro 入门到入门

Taro类别（真的是类别“泪别”，入手一个框架时一定要认真全面了解一下）reactvueTaroTaroTaroTaro-UITaro-UITaro-UI-Vue1.Taro安装和使用Taro项目基于node

刘_小_二·2024-01-26 10:48

react native 父组件与子组件之间如何相互传值

react中父组件与子组件之间如何相互传值实现ReactNative中父子组件通信间的双向数据流，思路如下：1.父组件向子组件传递props,其中props中带有子组件的初始化数据以及回调方法；2.子组件手动触发父函数传递进来的回调方法

Min_nna·2024-01-26 10:51

React 子组件向父组件通信

临时搬砖记录一下，并不是专门写的。因为还一大堆活催我呢，没时间写太详细，凑合看（估计也没人看，就简单记一下方便自己下次不用费劲巴力去找别人的看）整体大概逻辑逻辑为：父组件里嵌套子组件然后加上方法名和方法子组件里interface以及props里接受方法名并注册，然后直接传值就可以了：父组件constbuyPhone=(val:any)=>{console.log(val)//父组件里的方法}然后S

蓝色鼠标垫·2024-01-26 10:50

React中父组件向子组件实现的简单通信

//ParentComponent.jsimportReact,{useState}from"react";importChildComponentfrom".

Ciilk·2024-01-26 10:50

【react】基础知识点---jsx语法规则，js与jsx的区别

JSX的概念：JSX是JavaScript和XML(HTML)的缩写，表示在js代码中编写HTML模板结构，它是react中编写UI模板的方式关于JSX，我在官网上截了一段拿过来展示：jsx的一大特点就是很方便

春晓_春眠花落·2024-01-26 10:39

使用nginx部署next+react项目到服务器

骆骆呀·2024-01-26 09:40

读React源码前一定要知道的几个基础概念

一、Fiber工作模式虽然React18的文档里已经找不到相应的介绍了，但是了解一下过往还是有必要的。

小九九的爸爸·2024-01-26 09:26

用React构建fiber树的思想解决“反转链表”问题

最近在阅读React源码，还是比较有收获的，这不，今天刷题的时候，直接就把React渲染组件的思想给落地了，下面是leetcode里的一道反转链表的原题：就是这样，给你一个单链表，要求你把单链表反向输出

小九九的爸爸·2024-01-26 09:56

vue 前端面试常见问题汇总（1-10）

目录#前言@[TOC](文章目录)#一、React/Vue项目时为什么要在列表组件中写key，其作用是什么？

A于情·2024-01-26 09:25

第七章（原理篇）微前端技术之依赖管理与版本控制

.集中式依赖管理2.分布式依赖管理3.依赖预加载4.使用微前端框架QiankunSingle-SPA示例和最佳实践版本控制与冲突解决1.版本号约定2.锁定文件3.依赖解析策略4.冲突检测工具案例分析：React

球球不吃虾·2024-01-26 09:18

前端学习之——react篇（渲染列表）

你将依赖JavaScript的特性，例如for循环和array的map()函数来渲染组件列表。假设你有一个产品数组：constproducts=[{title:'Cabbage',id:1},{title:'Garlic',id:2},{title:'Apple',id:3},];在你的组件中，使用map()函数将这个数组转换为标签构成的列表:constlistItems=products.map

每月一瓶米诺地尔·2024-01-26 09:31

React(3): React 实现卖座App

React实现卖座App娱乐项目，请勿当真！！！

一个抱抱一首歌·2024-01-26 09:00

都 2024 年了，该如何搭建新的 React 项目？

在前端技术日新月异的今天，React社区已经不再将create-react-app作为创建新项目的首选工具，而是推荐使用社区中流行的由React驱动的框架来创建新项目。

胖头鱼不吃鱼-·2024-01-26 09:57

React进阶 - 13(说一说 React 中的虚拟 DOM)

本章内容目录一、为什么需要”虚拟DOM“二、虚拟DOM“带来的希望三、虚拟DOM“的优势（性能大幅度提升&跨端应用）上一节我们讲了state、props与render函数的关系，本节内容开始了解React

w-somebody·2024-01-26 09:57

vue和react的运行机制

Vue和React都是现代的前端框架，它们提供了丰富的特性和工具，帮助开发者构建复杂的用户界面。虽然它们有很多相似之处，但也有一些重要的区别，特别是在运行机制方面。

无妄的罪·2024-01-26 09:27

Vue学习笔记12--Vue3之setup/ref函数/reactive函数/Vue3响应式原理/reactive对比ref

一、拉开序幕的setup理解：Vue3中一个新的配置项，值为一个函数。setup是所有CompositionAPI(组合API）表演的舞台。组件中所用到的：数据、方法等，均要配置在setup中。setup函数的两种返回值：若返回一个对象，则对象中的属性、方法在模板中均可以直接使用。若返回一个渲染函数，则可以自定义渲染内容注意点：尽量不要与Vue2.x配置混用Vue2.x配置（data/methos

jxncxgx·2024-01-26 09:54

第十四篇【传奇开心果】Ant Design Mobile of React 开发移动应用：多种布局方式和示例代码

传奇开心果博文系列博文系列目录AntDesignMobileofReact开发移动应用博文系列博文目录前言一、使用布局方式的重要作用二、各种布局方式介绍三、各种布局方式的示例代码四、归纳总结知识点博文系列目录

传奇开心果编程·2024-01-26 09:53

React16源码: React中commit阶段的commitBeforeMutationLifecycles的源码实现

commitBeforeMutationLifecycles1）概述在reactcommit阶段的commitRoot第一个while循环中调用了commitBeforeMutationLifeCycles

Wang's Blog·2024-01-26 09:23

react实现滚动到顶部组件

新建ScrollToTop.jsimportReact,{useState,useEffect}from'react';import'.

点点关注不迷路·2024-01-26 09:21

[译]React Native性能优化指北

[译]ReactNative性能优化指北译注：本文并没有详细的介绍具体的性能优化做法，作者给出的是一系列方法，需要我们自己根据实际情况，去采纳有用的一些点。

JieJess·2024-01-26 08:08

ReactHook中使用useState更新变量后，怎么拿到变量更新后的值

场景：const[count,setCount]=useState(0)；在setCount()更新变量的值后，立即调用某个函数query，在函数中需要读取到这个变量的新值；但是此时直接调用的话拿到的是旧值；为什么变量更新后不能立即拿到新值？因为setCount函数用于更新count值。它接收一个新的count值并将组件的一次重新渲染加入队列中，在组件的重新渲染中，useState()返回的第一个

wen_文文·2024-01-26 08:29

请求封装（axios、fetch）

在前端发送请求到后台不同的框架与原生js发送请求的方式都不相同，比如我们在使用jquery时发送请求可以用jq中封装好的$.ajax,利用原生js向node发送请求时可以使用原生的ajax（我们也可以手动进行封装），在vue框架或react

啊～哈·2024-01-26 07:05

React 受控组件 && 非受控组件

但是，在和其他元素相比，表单元素在React中的工作方式存在一些不同。

AC编程·2024-01-26 06:43

react native 环境搭建 + 创建新项目 + 启动问题全记录 mac+ios+xcode

一环境搭建环境：mac+ios参考链接：先跟着官方走搭建开发环境·ReactNative中文网node-nvm16.12这个nrm第一次要下载最好全局下载npminstall-gnrmnpxnrmusetaobaoxcodexcode

bilupilu·2024-01-26 05:54

React-Native 运行RCTBundleURLProvider.h” file not found

步骤是先将项目中的node_modules模块删除，然后在终端上重新安装npm，执行命令为npminstall，但这里我的RN项目就能运行了，我看了一下其他的文章，他们还有一步就是执行react-n

dxin_101·2024-01-26 04:32

React 学习（二）—— 父子组件

和Vue相同，React中也有父子组件的概念，在React中父子组件的通信：父组件向子组件发送消息父组件通过引用子组件时通过属性的方式向子组件传递数据，子组件中有一个属性props—存储父组件传递的数据

我是小凤凰·2024-01-26 03:39

WebFlux framework

ReactiveStreams是一个标准或者说是规范，由Netflix、TypeSafe、Pivotal等公司发起的。

侯文_ad82·2024-01-26 03:02

02.react-advance

react进阶懒加载React.lazy函数能让你像渲染常规组件一样处理动态引入（的组件）。Suspense加载指示器为组件做优雅降级。

goodman__·2024-01-26 03:58

实现自己的mini-react

实现自己的mini-react创建运行环境实现最简单mini-react渲染dom封装创建虚拟dom节点封装函数封装render函数对齐react调用方式使用jsx任务调度器&fiber架构封装一个workLoop

hao_0413·2024-01-26 03:44

【Vue3】readonly 与 shallowReadonly

用法：constoriginal=reactive({...});constreadOnlyCopy=readonly(original);特点：对象的所有嵌套属性都将变为只读。

小秀_heo·2024-01-26 02:40

用clusterProfiler做GSEA

library(clusterProfiler)library(enrichplot)library(ReactomePA)gseaplot2(x,geneS

Seurat_Satija·2024-01-26 02:19

React和Vue的生态系统有何不同？

React和Vue是目前最受欢迎的前端框架之一，它们都拥有庞大而活跃的社区生态系统。

这我可不懂·2024-01-26 00:27

关于vue3使用Element ui输入框无法输入的简单解决方法

这应该是解决elementui输入框无法输入最简单有效的方法了script部分加入下面的代码import{reactive}from"vue";constform=reactive({name:""})

橙子君Crush·2024-01-25 23:19

vue3 + jsx 插槽带参数的使用以及参数中带有render函数的使用

//子组件import{defineComponent,onBeforeMount,reactive,ref,renderSlot}from"vue";importtype{SetupContext}from"vue

什么都不会的全栈工程师·2024-01-25 23:43

构建未来学堂：在线教育系统开发技术实践

以下是一个基于JavaScript的全栈技术栈：前端开发：使用React作为前端框架，创建现代化、交互式的用户界面。//例子：Reac

万岳科技·2024-01-25 23:29

ReactNative-解决升级Android Studio3.0后无法打包的问题

最近由于项目需要封装原生GIS，必须把AndroidStudio升级到3.0版本，升级3.0版本后一直无法打包，这里react-navigation会提示出uncompiledPNGfilepassedasargument.Mustbecompiledfirstinto.flatfile

想把生活过成一首歌·2024-01-25 22:45

ReactNative进阶（三十六）：iPad横屏适配

文章目录一、前言二、实现思路三、延伸阅读四、拓展阅读一、前言应用RN技术栈实现APP上线后，业务部门领导会上反馈未实现ipad横屏全屏展示，用户体验较差。由此，一场pad横屏全屏展示的APP调优工作由此开展。二、实现思路时间紧任务重，技术实现上，考虑到存量功能代码改造工作量，RN层面对于横屏改造工作量较大，故RN层面整体实现横屏展示时间上不允许，RN侧改造方案放弃。由于业务方只关注APP某一功能模

No Silver Bullet·2024-01-25 22:24

SpringBlade微服务开发平台

采用前后端分离的模式，前端开源两个框架：Sword(基于React、AntDesign)、Saber(基于Vue、Element-UI)后端采用SpringCloud全家桶，并同时对其基础组件做了高度的封装

神码观察·2024-01-25 21:58

什么是Vue.js的响应式系统？如何实现数据的双向绑定？

Vue.js的核心库只关注视图层，其设计灵感来自于Angular和React，但它更加简单、灵活和易于上手。Vue.js的主要特点包括：渐进式：Vue.js可以逐渐应用到现有项目中，也可以作为

揣晓丹·2024-01-25 21:50

vue3【计算属性与监听-详】

基本信息姓：名：全名：{{fullName}}import{ref,reactive,computed}from'vue'exportdefault{name:'Demo',components:{},

suoh's Blog·2024-01-25 21:20

面试涉及的知识点

csshtml重点：javascript（闭包，作用域，高级特性）重点：es6async，作用域，模块化，promise，类，结构析构html5css3React几种数据传递的方法，生命周期，React

向布谷鸟说早安·2024-01-25 21:18

推荐频道

react