React 支持一种非常特殊的属性 Ref ，你可以用来绑定到 render() 输出的任何组件上。 这个特殊的属性允许你引用 render() 返回的相应的支撑实例（ backing instance ）。这样就可以确保在任何时间总是拿到正确的实例。 class MyComponent exten
转载
2021-03-10 10:13:00
154阅读
2评论
通过onXxx指定事件处理函数注意：React重新封装了类似于点击等onClick函数，注意大小写通过event.target得到发生事件的DOM元素对象
原创
2021-12-16 17:34:57
139阅读
通过onXxx指定事件处理函数注意：React重新封装了类似于点击等onClick函数，注意大小写通过event.target得到发生事件的DOM元素对象
原创
2022-02-25 14:57:27
227阅读
1.获取元素的3种方式方式1：ref = { x => refName = x} 函数组件中没有this，直接给了一个变量。(可以用但是不推荐)方式2 React.createRef()方式3 useRef(null)2.函数组件用useRef，类组件用React.createRefimport React, { useState, useEffect, useRef } from "rea
原创
2023-07-02 11:53:39
236阅读
生命周期函数其实是控制组件各个阶段所触发的事件，以下是常见的几种生命周期函数：
原创
2022-02-21 16:03:25
102阅读
打包官方描述：大多数 React 应用都会使用 Webpack，Rollup 或 Browserify 这类的构建工具来打包文件。打包是一个将文件引入并合并到一个单独文件的过程，最终形成一个 “bundle”。接着在页面上引入该 bundle，整个应用即可一次性加载。实例：打包前文件和打包后文件对比打包前// app.jsimport { add } from './math.js';console.log(add(16, 26)); // 42// math.jsexport
原创
2022-02-25 14:37:50
108阅读
生命周期函数其实是控制组件各个阶段所触发的事件，以下是常见的几种生命周期函数： 组件生命周期函数执行流程大致可以这样区分： 一般来说，componentDidMount方法里面放置dom操作和请求数据的代码。...
原创
2021-08-26 15:06:27
179阅读
打包官方描述：大多数 React 应用都会使用 Webpack，Rollup 或 Browserify 这类的构建工具来打包文件。打包是一个将文件引入并合并到一个单独文件的过程，最终形成一个 “bundle”。接着在页面上引入该 bundle，整个应用即可一次性加载。实例：打包前文件和打包后文件对比打包前// app.jsimport { add } from './math.js';console.log(add(16, 26)); // 42// math.jsexport
原创
2021-12-16 16:36:50
94阅读
react项目如何引入外部的样式，比如我们常常用到的bootstrap ，这篇我们将介绍如何使用外部的第三方的样式我们在使如何的引用路径又该..
原创
2022-07-07 17:26:14
379阅读
enum Direction{ Up="Up", Down="Down", Left="Left", Right="Right" } console.log(Direction.Up)//0 console.log(Direction[0])//Up // 常量枚举 可以提升性能 const val
原创
2022-08-27 01:46:29
134阅读
文章目录前言I、隐私权限相关的适配II、KVC相关的适配III、UIView相关的适配IV、第三方框架相关4.1 QMUIKitV、网络相关see also前言I、隐私权限相关的适配【定位授权新增了精确和模糊定位 可根据不同的需求设置不同的定位精确度】向用户申请临时开启一次精确位置权限的方案(不同场景可定义不同purposeKey)iOS14隐私权限适配:【相册权限】iOS14相册权限适配 ：Li
转载
2023-10-06 22:45:16
184阅读
1.MiddleBottomView.js 2.用到的json数据 3.Home.js 引入 MiddleBottom 4.效果图
转载
2017-08-20 18:02:00
200阅读
2评论
1、UMI提供了可视化antd模板，可以直接添加到项目中修改用 比如将个人中心添加到项目中 2、选择个人中心，确定 3、成功 4、打开项目 5、Route文件也自动添加 根路由有exact:true后面要把工作台移到mainfrm路由中 6、运行报错 7、安装 8、找不到style.less 安装l
转载
2020-02-11 00:04:00
346阅读
2评论
import React from "react"; import { Button, Checkbox, Form, Input } from "antd"; import { Link, useNavigate } from "react-router-dom"; import "./less/
原创
2022-08-28 00:06:05
97阅读
