RemaxJS 学习笔记

1,052 阅读1分钟

remaxjs 是一款使用 react 语法的多端开发框架,主要应用于 微信小程序 和 web app。

如果你对react的语法比较熟悉,并且使用过原生小程序开发,那么你将可以很快上手。 remaxjs 对微信小程序的 api 和 组件封装了一层,使用时,从remax/wechat 包中导出即可,十分的方便。导出的api的属性 和 组件的使用与原生小程序几乎一致。 官方文档>>>

快速开始

Api的使用

引入微信小程序生命周期

项目开发中很多时候使用的是 函数组件 React.FC , 比较简单 干净,但有一些特殊的组件需要依赖生命周期。

我们可以通过引入useAppEvent,或者usePageEvent, 分别对应 整个app应用层级的生命周期 和 页面级的生命周期。

 import { useAppEvent,usePageEvent } from 'remax/macro';
 
 // 第一个参数为 小程序 生命周期的名称, 第二个参数为回调函数
 useAppEvent('onShow', () => {
    console.log('小程序重新打开了')
 })
 usePageEvent('onShow', () => {
   console.log('从上一个页面中返回。。')
 })