![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
remax
oldfour_0830_9674
这个作者很懒,什么都没留下…
展开
-
react中的hooks的React.useState改变某一个特定的值笨方法
在我们使用hooks定义一个数组时,原数组还有原来的数据。我们只要改变一些特定数据怎么做呢?列:const [user, setUser]=React.useState({name:'张三',age:18})我们这个时候要修改里面的age值,但不修改name怎么做。列如:我们现在有一个请求,放回了age值,但没有返回name值。 React.useEffect(()=>{ getUser().then(res=>{ //只有age setUser( { name原创 2020-06-24 09:50:04 · 5190 阅读 · 2 评论 -
remax的containers在微信小程序的使用
remax的containers在微信小程序的使用 在微信小程序中,我们如何保存一个常在的状态,列如,加入购物车的商品。方法有很多,列如,可以通过本地存储,也可以通过状态管理器,例如vuex,Redux等。但在微信小程序中使用这些,会加大项目的体积,有什么好的方法的不用安装这些呢。这时,我们就可以使用containers来存储东西。这东西是什么呢?我也不是很清楚,但知道怎么用就可以了。1 先创建一个containers文件夹。2.创建添加和移出购物车的商品方法。列如import * as R原创 2020-06-24 09:24:30 · 296 阅读 · 0 评论 -
在框架remax中,使用下拉刷新。
引入import * as React from 'react';import { stopPullDownRefresh } from 'remax/wechat';使用export default () => { usePageEvent('onPullDownRefresh', () => { // 可以返回一个 promise,控制何时停止下来刷新行为 return new Promise((resolve) => { setTime.原创 2020-07-10 10:35:10 · 334 阅读 · 0 评论 -
在remax里做小程序自动更新功能
找到app.js文件.引入相关依赖import * as React from 'react';import { useAppEvent } from 'remax';import { canIUse, getUpdateManager, showModal} from 'remax/wechat';3.代码使用和导出;export default function App ({ children }) { useAppEvent('onLaunch', () => { .原创 2020-07-10 10:47:22 · 264 阅读 · 0 评论 -
小程序封装axios请求
封装axiosimport { getStorageSync, clearStorage } from 'remax/wechat';import axios from 'axios/dist/axios.min';import mpAdapter from "axios-miniprogram-adapter";//使用模块import { showToast } from 'remax/wechat';const baseURL = process.env.NODE_ENV === 'dev原创 2020-08-07 09:27:30 · 1184 阅读 · 0 评论 -
remax中引入阿里图标库
打开阿里图标库网站点击第二种方法引入,如图:3. 在新的网页中打开,如图:点击复制。4. 找到app.js文件,粘贴即可。5.使用:<icon class="iconfont iconjiantou"></icon>参考资料:https://www.jianshu.com/p/f6f25df98d7c点这里去看原生使用...原创 2020-07-22 17:04:06 · 271 阅读 · 0 评论 -
在remax2.0中的一些坑(以地图使用为例)
在remax2.0中,使用原生的一些方法,与1.0不同。通过一个例子来说明。 <Map id="map" longitude={carDetail.company_info ? carDetail.company_info.position.longitude : '0'} latitude={carDetail.company_info ? carDetail.company_info.position.latitude : '23.15792'}原创 2020-08-11 14:43:30 · 352 阅读 · 0 评论 -
useState修改对象的字段
首先定义一个空对象 const [dataSelect, setDataSelect] = React.useState({})给这个对象附上不同值,但不会把原来的覆盖的掉 const select = (e, item, type) => { const data = { ...dataSelect } if (type == 'price') { setSelectNO(e) data.min_price = item.min_price原创 2020-09-22 11:14:27 · 12191 阅读 · 3 评论 -
eslint的简单配置(remax)
1.安装依赖 "eslint": "^7.6.0", "eslint-plugin-react": "^7.20.5"2.自己编写配置文件module.exports = { env: { browser: true, es2020: true, node: true }, extends: ['eslint:recommended', 'plugin:react/recommended'], parserOptions: { ecmaFeat原创 2020-09-22 20:08:18 · 281 阅读 · 0 评论 -
rollup打包工具的使用(remax组件库)
1.安装依赖{ "name": "tengUI", "version": "1.0.0", "main": "/teng/bundle.js", "license": "MIT", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "rollup-dev": "rollup --config --watch", "rollup-build": "rollup -原创 2020-09-22 20:19:20 · 1434 阅读 · 0 评论 -
remax小程序的网络请求
1. 服务器域名配置每个微信小程序需要事先设置通讯域名,小程序只可以跟指定的域名进行网络通信。包括普通 HTTPS请求(wx.request)、上传文件(wx.uploadFile)、下载文件( wx.downloadFile) 和 WebSocket通信(wx.connectSocket)。2. 网络请求超时时间默认超时时间和最大超时时间都是 60s;超时时间可以在 app.json 或 game.json 中通过 networktimeout配置。 networkTimeout原创 2020-09-26 11:51:28 · 418 阅读 · 5 评论 -
remax微信小程序获取地理位置
1.页面配置在app.json中配置 "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } }2.使用wx.getLocation() wx.getLocation({ success(res) { console.log('开启后台定位', res) }, fail(res) { console.l原创 2020-09-26 15:14:31 · 234 阅读 · 0 评论 -
(记)小程序,hooks,remax在中使用定时器
小程序做了websocket连接需要一个定时器实时获取数据并更改这个时候就需要一个定时来,实现这一个功能。但在hooks中的,定时器的使用存在很多的问题。封装一个定时器import * as React from 'react';function useInterval (callback, delay) { const savedCallback = React.useRef(); React.useEffect(() => { savedCallback.current.原创 2020-10-22 18:47:31 · 155 阅读 · 0 评论 -
(记)在remax,小程序,react hooks中使用实时通信
1.创建一个wxsocket.jsimport { connectSocket, onSocketOpen, onSocketClose, sendSocketMessage, onSocketMessage, getNetworkType, closeSocket, onNetworkStatusChange} from 'remax/wechat';class Websocket { constructor({ heartCheck, isReconnectio原创 2020-10-23 11:30:38 · 329 阅读 · 0 评论 -
(记)在remax,小程序中画布的使用
demo1import * as React from 'react';import { View, Button, Canvas, Image } from 'remax/wechat';import { authorize, saveImageToPhotosAlbum, getSetting, showToast, getImageInfo, openSetting, canvasToTempFilePath, createCanvasContext, reLaunch, showLoading原创 2020-10-23 11:46:46 · 357 阅读 · 0 评论 -
(记)微信小程序分包在remax中的使用
1.在src起一个文件夹packageA├── packageA│ └── pages│ ├── activitiesList│ └── invoice2.在app.js里加入 subpackages: [ { root: 'packageA', pages: [ 'pages/activitiesList/index', 'pages/invoice/index', ] }原创 2020-10-23 11:54:39 · 464 阅读 · 0 评论 -
(记)在remax中实现小程序的实现屏幕的滑动事件
<View style={num === 1 ? 'background:red' : ''} className={styles.app} onTouchStart={(enevt) => { moveStart(enevt) }} onTouchMove={(enevt) => { move(enevt) }} onTouchEnd={(enevt) => { moveEnd(enevt) }}> </V.原创 2020-10-23 14:23:34 · 201 阅读 · 0 评论