#React 第137页

react-next. 配置title信息

文档：元数据1、静态数据importtype{Metadata}from'next'exportconstmetadata:Metadata={title:'...',description:'...',}exportdefaultfunctionPage(){}2、动态数据importtype{Metadata,ResolvingMetadata}from'next'typeProps={par

郭俊强·2023-12-19 06:27

React基础巩固日志1

书写了一篇vue3的基础构建之后，不能带着各位一起学习vue3了，因为我要面试上海的前端岗位了，所以从现在开始，我要带着大家一起学习React了。

floret. 小花·2023-12-19 06:56

package-lock.json 的作用

找了半天才发现原因是react有个小版本更新了，导致了页面报错。

哇偶哇偶Z·2023-12-19 05:21

vue模板语法

一、插值1、文本（1）v-text语法缩写：{{…}}（双大括号）的文本插值方法一：hello{{data.name}}}import{reactive}from"vue"//引入本页面需要的东西exportdefault

xp_1711·2023-12-19 03:07

黑马React：基础拓展

黑马React:D10-基础拓展Date:December18,2023useReducer基础使用作用:让React管理多个相对关联的状态数据补充：和useState的作用类似，用来管理相对复杂的状态数据

CaptainDrake·2023-12-19 03:25

当谈论 React hook，我们究竟说的是什么？

Reacthook的由来Reacthook的由来，其实也可以看作是前端技术不断演进的结果。

273abf195ee7·2023-12-19 02:31

JAVA-每日一面 2022-01-11

5、⾼效的Reactor线程模型：Reactor单线程(多线程、主从)模型，指的是所有的IO操作都在同⼀个NIO线程上⾯完成6、为了尽可能提升性能，Netty采⽤了串⾏⽆锁化设计，在IO线程内部进⾏串⾏

YangEvol·2023-12-19 02:59

React 组件生命周期

React组件生命周期大家好，欢迎来到React组件生命周期的课程。在这一课中，我们将学习React组件生命周期的各个阶段，以及它们在组件开发中的作用。

步子哥·2023-12-19 02:55

前端面试题总结（js、html、小程序、React、ES6、Vue、算法、全栈热门视频资源）持续更新

并有热点框架（vuereactnode.js全栈）前端资源以及后端视频资源和源码并基于前端进阶和面试的需求总结了常用插件和js算法以及html/css和js热点面试题文档答案Vue面试题生命周期函数面试题

weixin_44869631·2023-12-19 01:17

在React中拥抱TypeScript

前言：嗯~~~毫不谦虚的说，这可能是全网最全的一篇在React中使用TypeScript的教程（ps：因为网上的资料我都有参考），全文大概1.7w字，基本上包含了你日常开发中常用的各种方法和技巧（敲重点

barnett_y·2023-12-19 01:46

如何在React项目中使用TypeScript

本文主要记录我如何在React项目中优雅的使用TypeScript，来提高开发效率及项目的健壮性。

东方睡衣·2023-12-19 01:46

Taro+dva+Typescript 搭建微信小程序架构

此架构是使用Taro+dva+typescript构建前端开发京东凹凸实验室的React框架Taro很成熟，又是大厂在维护更新迭代，不用担心没人维护的问题，他有自己的UI还有物料社区，比起原生小程序方便很多

weixin_30291791·2023-12-19 01:16

前端面试题精编2020（js、html、小程序、React、ES6、Vue、算法、全栈热门视频资源）持续更新

并有热点框架（vuereactnode.js全栈）前端资源以及后端视频资源和源码并基于前端进阶和面试的需求总结了常用插件和js算法以及html/css和js热点面试题文档答案Vue面试题生命周期函数面试题

MingL520·2023-12-19 01:45

React - 实现一个支持TypeScript类型推导的 useRequest

一、引入当我们使用useState和请求时，有这样的场景：需要在页面挂载的时候请求，并且支持loading状态和错误信息捕获。代码逻辑不难，我们可能写出如下的代码const[data,setData]=useState()//数据const[err,setErr]=useState()//错误信息const[loading,setLoading]=useState(false)//是否正在加载co

l煎饼果子·2023-12-19 01:44

使用React将JSON渲染为组件

使用React将JSON渲染为组件实现思路要将JSONSchema渲染为React组件，我们可以按照以下步骤进行实现：得到JSON.构建自定义组件。嵌套渲染功能实现。

wakangda·2023-12-19 01:05

react自定义hooks-自动改变页面的title，Http请求hooks等..（持续更新）

自定义Hooks说明1.react的自定义Hooks必须使用use开头。2.需要使用index.js去装载。(如下图所示)，建立一个hooks目录，然后装载文件。

上班时间偷偷划水·2023-12-19 00:03

React.js之React Hooks使用

仅供个人学习使用，源码请见文章末尾1.ReactHooks简介ReactHooks就是用函数的形式代替原来的继承类的形式，并且使用预函数的形式管理state，有Hooks可以不再使用类的形式定义组件了。

仲尼叔叔·2023-12-19 00:37

React hooks useContext、useReducer结合使用实现数据状态共享

contextReducer/ContextReducer'functionApp(){return();}exportdefaultApp;ContextReducer.js（父组件）：importReact

每一天，每一步·2023-12-19 00:36

使用react hooks 封装的圆形滚动组件

web老猴子·2023-12-19 00:36

【react.js + hooks】useVirtualArea 渲染虚拟列表

useVirtualAreaHookuseVirtualArea是一个ReactHook，用于创建虚拟列表。虚拟列表是一种优化技术，用于在不影响性能的情况下显示大量数据。

Evanpatchouli℃·2023-12-19 00:06

React.js hooks 练习案例-网易云音乐【day4】

/*导入组件*/importReact,{memo,useState,useEffect,useRef,useCallback}from

爽朗01·2023-12-19 00:06

React+Hooks组件传参，子组件内定义的setState传递给父组件

在React中，将子组件中的状态更新函数setstate传递给父组件可以通过以下几种方式实现1.将函数作为prop传递：在父组件中定义一个函数，将其作为prop传递给子组件，子组件可以调用该函数来更新父组件的状态

啃代码的瓜子脸·2023-12-19 00:05

umi antd跨组件数据共享快速上手理解与应用

接着迷迷糊糊的看了reduxreact-redux，dva等等。根据学习去整理一个能用的方案。需求存储一个状态数据，可以跨组件修改与共享。本文偏向快速解决需求相关的背景知识什么，只尽量理解他们的关系。

M_H5211·2023-12-19 00:35

【react.js + hooks】基于事件机制的跨组件数据共享

跨组件通信和数据共享不是一件容易的事，如果通过prop一层层传递，太繁琐，而且仅适用于从上到下的数据传递；建立一个全局的状态Store，每个数据可能两三个组件间需要使用，其他地方用不着，挂那么大个状态树也浪费了。当然了，有一些支持局部store的状态管理库，比如zustand，我们可以直接使用它来跨组件共享数据。不过本文将基于事件机制的原理带来一个新的协同方案。目标vue3中有provide和in

Evanpatchouli℃·2023-12-19 00:34

Antd中使用Table的rowSelection筛选功能，搭配检索选择需求实现

上代码classRecordChecksextendsReact.Component{constructor(props:any){super(props

孜然卷k·2023-12-18 23:04

RN中自定义方法，最好使用属性来定义

);}最好使用属性来定义，这样会把this绑定到这个方法上customPressHandler=()=>{alert('你按下了按钮'+this.state.status);};完整代码：importReact

咸鱼Jay·2023-12-18 22:07

antd树型选择控件选择父级_antd-树形组件常用工具

treeUtil.jsimport{Tree,message,Button,Input}from'antd';importReactfrom'react'importaxiosfrom'axios'const

weixin_39588542·2023-12-18 22:31

【React】手写Antd Select联动效果组件

目录需求思考需求拆分解决需求1.联动select，而不是像Cascader那样【级联选择Cascader-AntDesign】。2.传入对应options生成对应的联动select。options示例数据constoptions=[{"label":"病区A","value":"bingquA","children":[{"label":"科室A-A","value":"keshiAA"},{"l

名字太长不好不好·2023-12-18 22:30

React-Native 中自定义checkbox组件

这次给大家分享一下React中ListView这个组件以及全选和单选按钮的封装使用。当然核心部分还是讲解自定义封装的checkbox组件！

barnett_y·2023-12-18 22:30

react简单封装antd的树形下拉框

该组件的功能有:1.可设置搜索功能2.可以每级可选,也可以选择只能最后一级里面的选项可选3.当组件是只能最后一级里面的选项可选时,点击文字展开下级选项importReact,{ReactNode,useEffect

qq_42750608·2023-12-18 22:30

React项目中手写圆形checkbox

所以需要根据屏幕大小进行缩放使用antd的也可以，只需要覆盖原有样式即可，但是当屏幕变大的时候，勾选框的大小是固定的，同时，阿里的勾选框样式有用到js函数，还是比较麻烦的，所以思来想去还是决定自己手写二、代码react

Welkin_qing·2023-12-18 22:59

antd Checkbox.Group实现单选

radio选中之后不能取消，checkbox可以Checkbox.Group实现单选的实现方式：import{Checkbox}from'antd';importReact,{useSt

问相逢何必曾相识·2023-12-18 22:58

Context API

在根部套一个constThemeContext=React.createContext('light')的标签importReactfrom"react";constThemeContext=React.createContext

kzc爱吃梨·2023-12-18 21:46

Vue3 reative回显问题

1.reactive在做项目的时候通常会遇到这种情况，比如我们有一个Table显示数据，添加Table数据的时候使用dialog弹出，在里面填写字段然后添加。

CV工程师!!·2023-12-18 21:37

深度掌握TS继承(上)

只有深度掌握TS继承，才会拥有更深厚的JS原型、原型链功底，也能为阅读Vue3,React源码或其他流行框架源码铺路，因为不管是哪种源码，JS原型链继承一定会用到！

coder__wang·2023-12-18 21:03

React-Native 打包时候资源重复Error: Duplicate resources 解决方案

1.现象如下:image.png2.如何解决:找到react.gradleimage.png加入这一坨代码:image.pngdoLast{defmoveFunc={resSuffix->FileoriginalDir

城东那个小丑·2023-12-18 21:18

react点击事件

使用事件对象传参//按钮点击事件//方法constthisClick=(e)=>{console.log('这里是点击结果',e)}输出结果传递自定义参数//按钮thisClick('参数')}>点击事件//方法constthisClick=(vm)=>{console.log('这里是点击结果',vm)//这里是点击结果参数}注意：不能直接写函数调用，这里事件绑定需要一个函数引用同时传递事件对象

theOtherSky·2023-12-18 20:31

报错：Property or method “value“ is not defined on the instance but referenced during render. 的解决办法

Propertyormethod"value"isnotdefinedontheinstancebutreferencedduringrender.Makesurethatthispropertyisreactive

三月.'·2023-12-18 19:45

React中对UI组件化的步骤和设计原理

在React中，对UI进行组件化是一个将复杂界面拆分成更小、独立和可复用部分的过程。这种方法有助于提高应用的可维护性、可测试性，并且可以提升开发效率。

十步杀一人_千里不留行·2023-12-18 19:32

ReactNative从零到完整项目-Flexbox使用

项目连接：93Laer/MyDemoReactNative使用手册前言：flex是FlexibleBox的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。

laer_L·2023-12-18 19:06

MATLAB - 连续搅拌釜式反应器模型（Continuous Stirred Tank Reactor，CSTR）

系列文章目录前言请读者注意，文中的下标有问题，请自行分辨。绝热连续搅拌罐反应器（CSTR）是流程工业中一种常见的化学系统，[1]对其进行了大量描述。容器中发生的是单一的一阶放热不可逆反应A→B，假定容器始终完全混合。试剂A的入口流以恒定的体积速率进入容器。产物流B以相同的体积速率连续流出，液体密度恒定。因此，反应液体的体积是恒定的。下图显示了容器和周围冷却夹套的示意图。CSTR模型的输入矢量u(t

kuan_li_lyg·2023-12-18 17:37

React Hooks解决了什么问题？

ReactHooksReactHooks是React16.8引入的一项重要功能，它解决了一些在使用类组件时存在的问题，并为函数组件提供了更多的功能。

heiyay·2023-12-18 16:46

React Native: 2023年哪个更好？

我们比较了两种技术——Flutter和ReactNative，以便于你知道哪个平台框架更适合你的应用。概述移动应用程序业务正在稳步增长。如今几乎每个人都有一部智能手机，所以潜在的客户数量几乎是无限的。

小陈乱敲代码·2023-12-18 15:55

React Native快速入门

ReactNative看起来很像React，只不过其基础组件是原生组件而非web组件。

黄尚炎·2023-12-18 15:55

基于react-native-date-picker的日期选择组件

基于react-native-date-picker的日期选择组件效果示例图安装依赖封装组件PickerDateComponent使用组件device.js效果示例图安装依赖https://www.npmjs.com

miao_zz·2023-12-18 15:25

React Native:那些开始之前应该知道的知识点

本文翻译自ReactNative:ThingsIwishIknewbeforestartingout.，从属于笔者的ReactNative入门与最佳实践系列文章。

weixin_34029949·2023-12-18 15:25

基于react-native-swiper的轮播图

基于react-native-swiper的轮播图安装组件封装组件SwiperComponent使用组件device.js安装组件npminstallreact-native-swiper-S封装组件SwiperComponentimportReact

miao_zz·2023-12-18 15:24

基于react-native-wheel-pick的三级地址选择

基于react-native-wheel-pick的三级地址选择效果示例图安装依赖封装组件PickerAddressComponent使用组件device.js效果示例图安装依赖ReactNative>