React
聆听。。花开雨落
这个作者很懒,什么都没留下…
展开
-
css-适配不通屏幕分辨率
【代码】css-适配不通屏幕分辨率。原创 2024-06-26 14:36:44 · 108 阅读 · 0 评论 -
声网sdk-实现纯语音互动
【代码】声网sdk-实现纯语音互动。原创 2024-06-24 16:20:25 · 198 阅读 · 0 评论 -
解决antd-mobile中的listview加载数据不全
解决antd-mobile中的listview加载数据不全原创 2023-07-03 16:37:45 · 159 阅读 · 0 评论 -
React--列表左侧勾选自动消失问题
如下图:选中列表左侧勾选框,然后点击复制流程按钮,左侧勾选会莫名消失。原创 2023-03-21 11:10:28 · 145 阅读 · 0 评论 -
在React中传递onFocus事件的参数
【代码】在React中传递onFocus事件的参数。原创 2022-09-07 15:08:14 · 465 阅读 · 0 评论 -
setFieldsValue 的 key 是个变量
设置一组输入控件的值,如果设置的 key 是个变量时要用。转载 2022-09-06 21:09:49 · 294 阅读 · 0 评论 -
npm 依赖下载报错 Hostname/IP does not match certificate‘s 相关 解决方案
pm 依赖下载报错:Hostname/IP does not match certificate's altnames: Host: registry.cnpmjs.org. is not in the cert's altnames: DNS:r.cnpmjs.org开始怀疑是电脑node环境出现问题,各种卸载重装,然并卵,最后在一个博主帖子里找到思路,记录下艰难爬坑路.............. 第一步 :尝试使用 npm set strict-ssl false np...转载 2021-07-20 10:38:10 · 2603 阅读 · 0 评论 -
antd table 单击一行选中当前行复选框
<Table rowSelection={rowSelection} columns={columns} {...empProps} bordered={false} rowKey={record => record.id} size="small" scroll={{ x: 960, y: 300 }} .原创 2021-03-26 17:36:24 · 1499 阅读 · 0 评论 -
如何判断图片(img)是否已经加载成功--基于react
我过去经常会问: 有没有一种方法去判断子类组件是否已经渲染完成?答案当然是有的啦 componentDidMount(),在react component 已经渲染完成时就会调用componentDidMount()方法如果你对componentDidMount() 不太熟悉, 那么建议你去看看react组件的生命周期(React Component Lifecycle Methods),哪里每一个方法你早晚都会用到的。稍微多了解一些,你会意识到提问者真的想要知道的是图片何时才...转载 2020-06-12 11:27:28 · 1810 阅读 · 0 评论 -
React—useRef
相信有过React使用经验的人对ref都会熟悉,它可以用来获取组件实例对象或者是DOM对象。而useRef这个hooks函数,除了传统的用法之外,它还可以“跨渲染周期”保存数据。首先来看一下它传统的用法:import React, { useState, useEffect, useMemo, useRef } from 'react';export default functio...转载 2020-05-06 09:14:55 · 1023 阅读 · 0 评论 -
React Hooks--与传统react写法比较
React Hooks 简介2018年底FaceBook的React小组推出Hooks以来,所有的React的开发者都对它大为赞赏。React Hooks就是用函数的形式代替原来的继承类的形式,并且使用预函数的形式管理state,有Hooks可以不再使用类的形式定义组件了。这时候你的认知也要发生变化了,原来把组件分为有状态组件和无状态组件,有状态组件用类的形式声明,无状态组件用函数的形式声明。...转载 2020-01-31 14:14:32 · 2126 阅读 · 0 评论 -
React--程序优化
转发自:https://jspang.com/detailed?id=48#toc290 (P24节)用结构复制精简代码现在代码中有好几处this.props都是重复的,这时候就可以用javascript的解构赋值方法,来精简代码。修改TodoList.js中的Render函数,把原来带代码修改为下面的代码://改之前 render() { return ( ...转载 2020-01-30 13:09:05 · 124 阅读 · 0 评论 -
redux-saga框架使用详解
什么是redux-sagaredux-saga 是一个用于管理 Redux 应用异步操作的中间件(又称异步 action)。 redux-saga 通过创建 Sagas 将所有的异步操作逻辑收集在一个地方集中处理,可以用来代替 redux-thunk 中间件。这意味着应用的逻辑会存在两个地方: Reducers 负责处理 action 的 state 更新 Sagas ...转载 2020-01-30 10:53:26 · 1016 阅读 · 0 评论 -
Redux--Redux Dev Tools的安装
Redux是一个用来管理管理数据状态和UI状态的JavaScript应用工具。随着JavaScript单页应用(SPA)开发日趋复杂,JavaScript需要管理比任何时候都要多的state(状态),Redux就是降低管理难度的。(Redux支持React,Angular、jQuery甚至纯JavaScript)...原创 2020-01-28 12:08:19 · 579 阅读 · 0 评论 -
React--模拟返回后台数据神器,Easy Mock
1、进入EasyMock官网https://www.easy-mock.com/login,选择简体中文2、点击开始吧,进行登录或注册,进入首页3、点击右下角创建新项目没有Swagger Docs API可填写 https://petstore.swagger.io/v2/swagger.json4、创建成功后点击项目,根据API文档添加模拟数据接口5、点击创建接口,并...转载 2020-01-22 20:11:18 · 1258 阅读 · 0 评论 -
React-- npm install -save 和 -save-dev的区别
npm install -save 和 -save-dev分不清 npm install xxx: 安装项目到项目目录下,不会将模块依赖写入devDependencies或dependencies。 npm install -g xxx:-g的意思是将模块安装到全局,具体安装到磁盘哪个位置,要看npm cinfig prefix的位置 npm install -sav...转载 2020-01-22 20:00:21 · 970 阅读 · 0 评论 -
React--调试工具 React developer tools
下载React developer tools此处省略。。。React developer tools的三种状态React developer tools有三种颜色,三种颜色代表三种状态:灰色: 这种就是不可以使用,说明页面不是又React编写的。 黑色: 说明页面是用React编写的,并且处于生成环境当中。 红色: 说明页面是用React编写的,并且处于调试环境当中。Rea...转载 2020-01-24 08:51:14 · 1086 阅读 · 0 评论 -
React中:"props" 及 组件通信(父传子)
以下关于React的props属性的内容介绍都是我个人理解:在react当中,我们常说的单向数据流值的说法,其实说的就是props属性,最常见的props用法就是组件之间的通信---父组件向子组件传值。并且,props本身是不可逆的,具有只读性,也就是说它不能修改自己本身,传什么值,它就只能接受什么值,并不能修改传递过来的值。工具/原料 结合webpack搭建react环境 ...转载 2019-10-11 14:53:58 · 560 阅读 · 0 评论