随笔分类 - React
摘要：代理的含义顾名思义就是在客户端和服务器中间找一个“中介”，“中介”驻扎在客户端的端口，每次客户端要发送请求，都直接找到本地的“中介”让他帮忙完成这个事。 如果只会找一个服务器，那就只需要在package.json中进行配置在项目的package.json中添加如下配置： “proxy”:"http:
阅读全文
摘要：//地址查询经纬度 const geoCode = address => { geocoder.getLocation(address, (status, result) => { if (status 'complete' && result.info 'OK') { //status 'comp
阅读全文
摘要：在调用amap的 Geocoder Api 时，一直不能从AMap对象下找到Geocoder 。 结果在网上看到一个博客说的是，在index中引入链接时，需要在链接上配置plugin=AMap.Geocoder, 才能够在AMap调用Geocoder Api <script type="text/j
阅读全文
摘要：方法1. 使用注释 //eslint-disable-next-line 写在每个出现AMap类的前面一行，如下所示 原理是告诉eslint：注释下面这一行您别管。 方法2. http - https <script type="text/javascript" src="https://api.m
阅读全文
摘要：1.获取百度地图的key(密钥) 获取Key的地址：https://lbs.amap.com/api/webservice/guide/create-project/get-key 2.拿到密钥后，在public下的index.html文件中引入script <script type="text/j
阅读全文
摘要：1.onError <img src='要显示的图片路径' onError={(e) => {e.target.onerror = null;e.target.src="占位图片路径"}} /> 注 onError：当图片加载出现错误，会触发。经常在这里事件里头写入 将图片导向默认报错图片，以免页面
阅读全文
摘要：<Select value={value? value: undefined} placeholder={"请选择"} open={false} onClick={this.onChange}></Select> value 就是当Select的initialValue绑定的一个默认值(比如通过pr
阅读全文
摘要：1.使用useHistory做页面跳转导航 1导入 import { useHistory } from "react-router-dom"; 2.使用跳转页面 function Home() { const history = useHistory(); function handleClick
阅读全文
摘要：前面介绍了一种页面缓存的插件 现在来说说第一种方法，仅供参考，记录的不对的可以指点指点哟。 需求： 开发中有从详情页返回列表页的需求，这样一来页面返回后使用react-router会直接刷新页面，导致页面中的分页和搜索条件全部丢失，用户体验不佳，所以就必须将列表页的状态进行缓存。 解决办法： 1.使
阅读全文
摘要：1.Nested block is redundant no-lone-blocks ？ 2.Unexpected string concatenation of literals no-useless-concat 拼接字符串报错 "Unexpected string concatenation"
阅读全文
摘要：效果如图 1.首先安装依赖 Npm npm i react-particles-js Yarn yarn add react-particles-js 2.在项目中引入 import Particles from 'react-particles-js'; 3.使用 Particles <Parti
阅读全文
摘要：1.星期选择互斥处理。如果选择‘*||‘1,2,3,4,5,6’||‘0，6’’这三个其中的一个后，再选其他的，会将这些替换掉。 const getFromEvent1 = (args) => { const defaultVals = ['*', '1,2,3,4,5', '0,6'] if (a
阅读全文
摘要：项目中使用antd-Tree组件（树形组件），要求默认展开指定的一个节点，但是展开之后在点击收缩，就无法再收缩了。必须配合onExpand事件和autoExpandParent属性。 一、项目环境 react: 16+ antd :4.x 二、需要注意 1.expandedKeys 的类型也很重要，
阅读全文
摘要：希望我的这篇搭建基础开发环境可以帮助到大家，也是为了给自己记录一下遇到的坑，下次可以不用这么花时间待在坑里，一直上不来。 开发平台：Windows 目标平台： Androoid 1.安装依赖： Node https://nodejs.org/en/ 官网 Python2 (https://www.p
阅读全文
摘要：安装相关的依赖 npm i lib-flexible --save npm i sass-loader node-sass --save-dev npm i postcss-px2rem --save 然后打开项目中 config/webpack.config.js 进行配置 // 在配置文件中添加
阅读全文
摘要：柱形图实例1 import React, { Component } from 'react' import { Card } from 'antd' // import echarts from 'echarts' //按需导入 import echarts from 'echarts/lib/e
阅读全文
摘要：关于React Hooks中使用useContext 进行父子组件传值（父子组件不在同一个文件中） 1、封装的公共文件 // createContext.js文件 import { createContext } from "react"; const myContext = createConte
阅读全文
摘要：1.子组件调用父组件函数方法 //父组件 let Father=()=>{ let getInfo=()=>{ } return ()=>{ <div> <Children getInfo={getInfo} /> </div> } } //子组件 let Children=(param)=>{ r
阅读全文
摘要：我们需要使用json-server创建一个json的服务器，相当于后端，当我们前端使用axios请求数据时，返回接口文档中对应的字段 最近在项目中需要数据测试，为了方便，直接引入mockjs。 安装模块 npm i json-server -gnpm i axios -S 首先在react-app/
阅读全文
摘要：React 的基本认识 一.官网文档 1）英文官网:https://reactjs.org/ 2) 中文官网:https://doc.react-china.org/ 2.描述 1) 用于构建用户界面的 JavaScript 库(只关注于 View) 2) 由 Facebook 开源 3. Reac
阅读全文
浙公网安备 33010602011771号