摘要：在react中，如果state值需要根据props传的值进行改变，除了 useEffect 或 componentDidUpdate 外，是否有静态方法可以让 state 直接根据 props 变化来更新，这个方法其实是类组件专属的 getDerivedStateFromProps。 这是 Reac 阅读全文

摘要：发布类似触发事件， 订阅类似监听事件 使用这种方式的好处是，兄弟组件间通信不必再像使用props那种通过父组件来通信，多层组件之间通信也不必在一层一层的传递， 直接在触发事件的组件中发布消息 监听组件中订阅消息即可； 1、工具库: PubSubJS 2、下载: npm install pubsub- 阅读全文

摘要：在项目中经常会遇到上传图片， 通常的一种图片上传，就是使用<input type='file' />组件来选择图片进行上传操作， 项目中遇到将静态文件夹中的一张默认图片直接上传的需求。 此时知道图片的路径，就不需要选择图片的操作。 在项目中使用react，然后使用在点击按钮时使用require('u 阅读全文

摘要：最新优化后的虚拟列表组件： Taro优化之前VirtualList虚拟列表组件 在使用Taro开发微信小程序时，需要加载长列表数据，在官网找了相关的VirtualList虚拟列表的组件，要么版本过低（项目中使用3.0.1版本），要么使用不方便（可能是自己没看懂的问题），官方也说有虚拟列表就是长列表加 阅读全文

摘要：React提供的脚手架creact-react-app创建的工程文件不像vue那种暴露出webpack来，所以添加依赖需要拐个弯。 为了配置sass需要按以下步骤进行: 为了配置sass需要按以下步骤进行: 为了配置sass需要按以下步骤进行: 为了配置sass需要按以下步骤进行: 一、安装sass 阅读全文

摘要：微信里面打开web页面，在ios软键盘收起时，页面键盘位置的内容留白，如下图 这个问题纠结了很久，然后请教了老大（威哥），看到页面老大给出的方案就是代码改变滚动条的位置。 这里就监听键盘收起的事件，来改变滚动条位置。 阅读全文

摘要：1、在ios中软键盘弹起时，仅会引起$(‘body’).scrollTop值改变，但是我们可以通过输入框的获取焦点情况来做判断，但也只能在ios中采用这个方案， 因为在android中存在主动收起键盘后，但输入框并没有失焦，而ios中键盘收起后就会失焦； 2、在android中软键盘弹起或收起时，会 阅读全文

摘要：// 这里区分方式类似于区分不同浏览器， 这里是es6的写法，在react项目中使用过的。const ua = typeof window === 'object' ? window.navigator.userAgent : ''; let _isIOS = -1; let _isAndroid = -1; let _isWechat = -1; let _isAlipay = ... 阅读全文

摘要：在运行react项目时，经常会遇到默认的3000端口被占用的情况，此时不想查找哪个程序占用了3000端口，想使用其他端口继续运行。 打开项目中的node_modules文件夹，找到react_script文件夹，打开scripts文件夹，找到start.js文件，然后查找3000端口代码位置 阅读全文

摘要：使用axios、fetchJsonp获取服务器的接口数据。其中fetchJsonp是跨域访问 一、使用axios 1、安装axios模块 2、引用模块 3、实现请求 二、使用fetchJsonp 1、安装fetchJsonp模块 2、引用模块 3、使用(还没有测试的) 这里说下fetchJsonp的 阅读全文

摘要：一、介绍与作用 不同的项目中可能使用的node版本不同，对于维护多个版本的node就是一件麻烦事了，而nvm就可以很方便的管理不同的node版本， 可以在不同的node版本间切换使用。NVM资源（针对windows）， nvm下载地址 二、安装nvm 1、NVM下载 这里说点多余的，我的电脑上之前已 阅读全文

摘要：在开始之前，需要安装环境，node.js可以使用npm管理包，开发的工具webstorm可以创建相应的项目。 项目中redux是管理全局的同一个store，React-router是管理路由的，这里只使用了redux，react-router稍后介绍。 1、先创建一个简单的项目。安装对应的包redu 阅读全文

摘要：项目中遇到插入广告的需要，而广告的信息只是一个url链接，这个链接返回的时一个js，和以前插入广告有点不同。所有找了很多方式。 先来展示广告链接返回的信息： 假设广告链接为：http://192.168.1.1:8081/advert/getAdvert?flowerId=1987&advertTy 阅读全文

摘要：讲解一 原文：https://blog.csdn.net/xuxiaoping1989/article/details/78480758 注意： 从 React v15.5 开始 ，React.PropTypes 助手函数已被弃用，我们建议使用 prop-types 库 来定义contextType 阅读全文

摘要：在项目中使用了table元素，但点击tr元素时要添加click事件，同时table的行元素会在react中获取到数据时动态渲染，此时想到之前在jQuery用使用on来绑定事件 例如jQuery中绑定的方式： 阅读全文

摘要：昨天在项目中，重新封装组件时，引用了原来的一个子组件，但发现子组件在其他页面正常，在新的组件里面就发生保存， 然后把子组件注释，随便显示其div元素也正常，纠结了很久，最后发现引用的方式有问题 子组件创建是用 export class BaseComponent extends Component 阅读全文