react
文章平均质量分 64
_花开富贵
这个作者很懒,什么都没留下…
展开
-
隐藏小程序navigationBar顶部栏
不想要小程序navigationBar顶部栏,app.config.ts(或.js)加一句话:navigationStyle: 'custom'位置:可能有的需要重启一下,可能不需要,我是重启了一下好的原创 2021-03-05 18:36:35 · 550 阅读 · 0 评论 -
多端统一开发框架 Taro 优秀学习资源汇总
1.官方资源2.生态资源3.文章教程4.开发技巧5.示例项目5.1.Taro 3.25.2.Taro 35.3.Taro 25.4.Taro 16.开源项目6.1.Taro3.26.2.Taro36.3.Taro26.4.Taro17.第三方库和组件1.官方资源Taro 项目仓库Taro 官方文档Taro UI 项目仓库Taro UI 官方文档微信小程序官方文档百度智能小程序官方文档支付宝小程序官方文档字节跳动小程序官方文档京东小程序官方文档QQ 小程序官方文档2.生态资源.原创 2021-01-21 16:27:12 · 312 阅读 · 0 评论 -
formik 简单表单操作加验证
官方文档formik 表单简单操作1.简单结构:2.form对象里边有数组用3.ArrayHelper:有什么复杂操作就用arrayHelper去处理:4.引用全局变量:1.简单结构:<Formik initialValues={initialValues} onSubmit={handleSubmit} validationSchema={SignupSchema} validateOnChange={true} validateOn原创 2020-12-02 14:29:24 · 961 阅读 · 0 评论 -
Taro and Map
我太累了,懒得加注释了页面上一共三个按钮,实现了三个功能:【1.打开微信手机地图选位置】【2.展示一个点】【3.展示很多点Markers】import React, { useState, useEffect } from "react";import { View, Button, Text, Map } from "@tarojs/components";import { AtModal, AtModalHeader, AtModalContent, AtModalAction }原创 2020-11-05 16:00:30 · 1533 阅读 · 0 评论 -
use mockjs
react and mockjs1.使用2.语法2.1.基础2.1.1.字符串2.1.2.数字(整数型和浮点型)2.1.3.布尔2.1.4.对象2.1.5.数组2.2.占位符2.2.1.基础2.2.1.1.数字(整数型和浮点型)2.2.1.2.布尔2.2.1.3.字符2.2.1.4.字符串2.2.1.5.日期2.2.1.6.数组2.2.2.高级2.2.2.1.图片2.2.2.1.颜色2.2.2.1.文本2.2.2.1.姓名2.2.2.1.网址2.2.2.1.区域2.2.2.1.工具2.2.2.1.身份证2.原创 2020-10-22 10:36:00 · 509 阅读 · 0 评论 -
react router离开确认组件Prompt
1.需求:在离开页面时,提示用户当前页面的数据尚未保存,是否离开2.方案:react-router 4中自带此类组件Prompt官方文档参考文档自定义组件3.参数:when:设置是否启用Prompt功能。比如表单页未填写时,就不需要离开确认。message:string。设置Prompt提示内容message:function。此时返回参数分为true/false,即bool类型。返回false就继续停留在当前页面,返回true则跳转到新页面。4.我的简单实现:<Prompt原创 2020-09-04 14:19:19 · 793 阅读 · 0 评论 -
vue项目使用$router.go(-1)刷新原来界面
1.问题:我们常常需要使用$router.go(-1)返回之前的页面,但是却发现,之前的界面,保持着上次跳转的状态,比如说:弹框未关闭,状态未更新之类的等等2.原因:使用$router.go(-1)返回,之前的数据都保留,并未刷新原来的界面3.解决方案:在原页面watch中,对router进行监控,当router发生变化时,执行初始化界面方法:watch: { '$route' () { this._initData();//我的初始化方法 } },或原创 2020-05-27 17:03:49 · 11870 阅读 · 1 评论 -
React组件Form表单事件调用
前言:|ू・ω・` ) 问题是这样的:在子组件代码中将Form表单create了之后在父组件中调用了子组件并增加了ref可是我使用this.refs.子组件.某函数(),却找不到那个函数了现在也百思不得其解,但是问题解决了,我是把子组件的函数直接暴露出来解决方案:/** 子组件 */@Form.create()class child extends Component { ...原创 2019-08-09 11:16:07 · 1437 阅读 · 0 评论 -
antd引用<Upload>组件上传图片后再次打开modal清除缓存
情景展示:如上图所示:我的新增客户弹窗中引用了上传组件,当再次打开modal弹窗的时候,上一次上传的图片的缓存还在,这个问题问了问身边的大佬,最后解决了,最简单的解决办法是:给组件添加唯一的key值://在这里给key添加, Math.random()的得出来的是随机数<div key={Math.random()}> <Upload {...props} ...转载 2019-08-05 16:06:55 · 3077 阅读 · 0 评论 -
react组件(如rander)数组某元素属性发生变化时,setState页面不更新
今天遇到的问题是:组件内对数组元素进行修改后数据有变化但是页面没重新渲染话说这是因为组件没能够识别数组的变化,所以页面没有重新渲染所以只要让组件感知到你发生了改变,就可以达到刷新的效果提供两个很low的方案(但很有效▼o・ェ・o▼):1.删除后重新添加(适合在行上做删除)method(index){ let tempList = this.state.attachList...原创 2019-07-31 21:29:04 · 4232 阅读 · 2 评论 -
react new AMap()绑定鼠标事件
我的需求只这样的,当我每点击一条数据时,需要每次重新渲染地图上的点,并且点上有鼠标事件(移上查看详情,点击查看轨迹)点的创建使用了new AMap.Marker()的方式(当然for循环标签应该也可以), //点的创建 let newMarker=new window.AMap.Marker({ //用window.出来是因为react-amap对react页面融合不是很友好,有时候会报错...原创 2019-07-22 15:23:55 · 1126 阅读 · 1 评论 -
antd-pro中控制loading的dva-loading使用(React)
前言:我们原来写loading状态的方法是,在异步请求的开始的时候开启loading,在异步请求的结束关闭loading,这样的写法是比较麻烦的,因为这个操作都是一致的,在ant Design pro中就提供了dva-loading插件,封装的很好,用起来也很方便,主要就是直接监听异步的effect,分别在开始和结束的时候改变loading状态,所以是和dva结合在一起用的,下面时使用方法:...原创 2019-08-03 15:36:15 · 4205 阅读 · 0 评论