AI导航网
微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！
React-router-dom v6.x的使用
React-router-domv6.x的使用前言react-router-domv6的具体内容可以在react-router-dom文档上查看，但是是英文版，英语水平不好的同学可以在网上找大佬的翻译。本人在公司搭了一个简单的后台管理系统的模板，今天想升级一下依赖，随便研究了一下react-router-dom6.x版的使用。总
[react] React的render中可以写{if else}这样的判断吗？
[react]React的render中可以写{ifelse}这样的判断吗？不可以，可以用三元运算符或者与运算符操作 个人简介我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，但坚持一定很酷。欢迎大家一起讨论主目录与歌谣一起通关前端面试题
React父子传参
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title<itle><scriptcrossoriginsrc="https://unpkg.comeact@16/umdeact.development.js"></scri
[react] 举例说明什么是高阶组件(HOC)的反向继承
[react]举例说明什么是高阶组件(HOC)的反向继承importReactfrom'react';consthoc=(WrappedComponent)=>{//集成需要包装的ComponentreturnclassextendsWrappedComponent{constructor(props){super(props);}//重写component生
React-Antd-表单-时间类控件
文档地址:链接.时间类组件的value类型为moment对象，所以在提交服务器前需要预处理。import{Form,DatePicker,TimePicker,Button,Select,Space,Input,Row,Col}from"antd";importmomentfrom"moment";import{Fragment,useState}from"react";exportdefau
[react] 写出React动态改变class切换组件样式
[react]写出React动态改变class切换组件样式exportdefaultmemo(functionDemo(){ const[clsName,setClsName]=useState("active")consthandleClick=()=>{setClsName(clsName==="active"?"unactive":"active")
react传值名称使用value可能出现死循环
组件传值，设置了props属性名称value，同时组件里面使用了Tree组件，开启了treeCheckable。会发现没有对value进行操作，或者是组件进行了内容勾选，会不断捕捉到value，页面卡主出现死循环；属性名称由value改成其他名称，就不会出现上述情况。所以：谨慎使用value作为属性名称进行传值~useEffe
react+redux+ts
react+redux+ts1.初始化项目yarncreatereact-appmy-app--templatetypescript2.安装依赖yarnaddreduxreact-reduxredux-devtools-extension3.创建storesrc/storeeducer/user.tsexportinterfaceIUser{id:number,name:string}interfaceISt
11-react 过度动画
在开发中我们通常使用react-transition-group库完成一些过度动画官网：ReactTransitionGroup安装yarnaddreact-transition-groupreact-transition-group本身非常小，不会为我们应用程序增加过多的负担使用 CSSTransition的使用 timeout的时间与css里时间作用time
React高阶组件
一、认识高阶组件什么是高阶组件呢？相信很多人都听说过，也用过高阶函数，它们非常相似，所以我们可以先来回顾一下什么是高阶函数。高阶函数的维基百科定义：至少满足以下条件之一：接受一个或多个函数作为输入；输出一个函数；JavaScript中比较常见的filter、map、reduce都是高阶
react webpack配置组件路径引用 @与自定义
暴露配置文件：create-react-app生成的项目看不到webpack相关的配置文件，需要先暴露出来，使用如下命令npmruneject修改配置文件：webpack.config.js//把一个路径或路径片段的序列解析为一个绝对路径path.resolve(__dirname,'../')//静态储存当前目录绝对路径__d
React Native FlatList
FlatList是我们项目中经常使用的一个组件，下面简述下使用中要注意的问题一、keyExtractorkeyExtractor的唯一性/***Usedtoextractauniquekeyforagivenitematthespecifiedindex.Keyisusedforcaching*andasthereactkeytotrackitemre-or
解决使用jenkins构建react项目失败
解决使用jenkins构建react项目失败Jenkins构建react项目失败，报错如下：解决方法Jenkins构建react项目失败，报错如下：yarnbuildyarnrunv1.22.17$nodescripts/build.jsCreatinganoptimizedproductionbuild...Treatingwarningsaserrorsbecauseprocess.en
用react-native-svg简单实现兼容slider
emmmm，不多说了，代码贴下面，各位大佬自己参透吧~importReact,{PureComponent}from'react'importSvg,{Path,Circle,G}from'react-native-svg'import{View,PanResponder}from'react-native'letrunNumber_change=0;exportdefaultcla
开发react框架博客遇到的坑
p01.前台部分新版Next结构差很多，"不拘小节"的只需要跟着建目录照着做就好，pages文件夹是网站的根目录。新版Next不支援在其他页面分别引入css样式，全部样式都在_app.js中引入。目前antd的Icon使用方式已经不是直接使用Icon了，引入方式改为：import{要用的icon标签}
请简述你对 react 的理解
react定义特点核心优点定义React起源于Facebook；React是一个用于构建用户界面的javascript库。React拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它特点声明式设计−React采用声明范式，可以轻松描述应用。（开发者只需要声明显示内容，react