AI导航网
微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！
React setState 既是同步也是异步
一般在我们学习React的时候，大家都会牢记的一点是setState是异步的，想要拿到最新的state值有两种方法（可以先到最后看一遍完整的代码，再回来看）：1.在后面的回调函数拿到最新的statereactClick=()=>{const{cnt}=this.statethis.setState({cnt:cnt+1},()=>
React全家桶-模块化、组件化、工程化4
目录一、工程化二、模块与模块化三、组件与组件化一、工程化1、定义：使用软件工程的技术和方法来进行前端项目的开发、维护和管理。2、详解：工程化是一种思想而不是某种技术，前端工程化就是把前端的项目当成一项软件工程进行分析、组织和构建，从而达到项目结构清晰、分工明
[react] contextType是什么？它有什么用？
[react]contextType是什么？它有什么用？定义当前组件要使用哪一个contextconstMyContext=React.createContext(defaultValue);classMyClassextendsReact.Component{componentDidMount(){letvalue=this.context;/*performaside-effectatmountusi
React AntDesign Table 动态合并单元格大量数据有分页时也有效
项目场景：老板要求有相同数据时，那一列就需要合并起来，还能怎么办，硬着‘头’去实现吧问题描述：看了Antdesign官方文档的旁友可以了解到单元格有一个属性rowSpan，它的value是数字，数字越大，渲染占据的行数越多，为0时那一个单元格不会渲染，可以看看下方这个不严谨的图由
组件的props
组件是封闭的，要接收外部数据应该通过props来实现props的作用：接收传递给组件的数据传递数据：给组件标签添加属性接收数据：函数组件通过参数props接收数据，类组件通过this.props接收数据//1.导入reactimportReactfrom'react';importReactDOMfrom'react-dom';/*props
React Native从入门到实战--需求分析技术分解模块设计、基于react-navigation的APP导航框架搭建、react-navigation高级应用之动态实现底部&顶部导航器
接着上一次https://www.cnblogs.com/webor2006/p/15042441.html继续开启RN学习之旅，目前RN的基础已经学得差不多了，接下来准备进入项目的综合操练环节，将前面零散的知识串起来。需求分析技术分解模块设计：需求背景：先来简述一下该APP的产生背景，对于Github应该人人皆知对吧，而它里面
React 手写 自定义hooks 倒计时事件 通用逻辑的封装
 平时工作偶尔用到的一些自己封装的逻辑我也会记录下来希望对大家实际开发有些帮助 下面我会用一个例子帮助大家使用我封装的这个自定义hooksimport{useState,useEffect,useRef}from'react'//第一参数为你定时的数字//第二参数为你定时结束时想做的事//返回
react中export 和 export default
export和exportdefault的区别exportexport命令用于规定模块的对外接口。一个模块就是一个独立的文件。该文件内部的所有变量，外部无法获取。如果你希望外部能够读取模块内部的某个变量，就必须使用export关键字输出该变量。//profile.jsexportvarfirstName='Jack';
[react] React根据不同的环境打包不同的域名？
[react]React根据不同的环境打包不同的域名？如果是CRA的项目的话，可以使用.env.env.development.env.production文件来区分不同的环境；比如生产环境域名http://www.prod.com，开发环境域名http://www.deve.com，则可以分别设置REACT_APP_BASE_URL='http://www.prod.com'和REACT
React 中的 key有什么作用？为什么遍历列表时，key 最好不要用 index ？
经典面试题：    1）react中的key有什么作用？(key的内部原型是什么？)    2）为什么遍历列表时，key最好不要用index？1.虚拟DOM中key的作用：    1）简单的说：key是虚拟DOM对象的唯一标识，在更新显示时key起着极其重要的作用。2）详细的说：当状态中的数据发生
react中react-router-dom的使用方法
react中的路由介绍        现代的前端应用大多都是SPA（单页应用程序），也就是只有一个HTML页面的应用程序。因为它的用户体验更好、对服务器的压力更小，所以更受欢迎。为了有效的使用单个页面来管理原来多页面的功能，前端路由应运而生。前端路由的功能：让用户从一个视图（页
Support for the experimental syntax ‘decorators-legacy‘ isn‘t currently enabled
react加装饰器需要用babel解析但是用啦很多方法都不管用最后找到啦一个方法可以供参考//1.安装依赖npmicustomize-crareact-app-rewired@babel/plugin-proposal-decorators//2.项目根目录下建config-overrides.js加入代码：const{override,addDecoratorsLegacy
H5调用React Native
H5代码如下：<!DOCTYPEhtml><htmllang="zh"><head>  <metacharset="UTF-8">  <metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1">  <metaname="renderer"cont
react-router-dom学习
目录react-router-dom主要由三个类别的组件路由器：,路由匹配器：,导航：,,也称导航组件为路由改变组件。每个ReactRouter应用程序的核心都应该是一个路由组件（Route）。对于一个web应用而言，主要由两个路由组件,，两者的主要区别在于他们存储URL的方式以及于服务端通信的方式不同
安装React Devtools调试工具
1.从GitHub中将react-devtools项目源码拷贝到本地下载地址：https://github.com/facebookeact-devtools2.安装项目依赖npminstall3.查找项目命令从Package.json文件中的Script下查找以下命令4.打包项目，生成拓展程序npmrunbuild:extension:chrome5.将拓展程序安装到浏
React_day04_react路由、组件间通信、新闻网站构建
1.版本兼容相关问题又是一次实际上手和教程版本不一致的采坑过程，前后也废了不少周折。实际开发时React17，react-dom-router6.x，antd4.x教程版本React16，react-dom-router5.x，antd3.x一开始是想安装新版本一点点解决bug的，可是太耗时最终还是选择了降低版本，在package.jso