react-native 下编写工具、Public类

在react-native开发中,一些常用到的方法函数,我们可以提取出来写到一个公共的类里面,方便不同页面调用
首先、新建一个文件 PublicUtils.js
里面实现如下:

let PublicUtils = {
    GUID: ()=> {
        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g,function (c) {
            let r = Math.random() * 16 | 0,v = c == 'x' ? r : (r & 0x3 | 0x8);
            return v.toString(16);});
    },showMessage: (msg)=> {
        alert(msg);
    },};


export default PublicUtils;

这里定义了一个PublicUtils类,定义了两个方法
具体调用如下:

首先根据文件路径进行引入

import PublicUtils from './PublicUtils'

然后是调用

let guid = PublicUtils.GUID;
alert(guid);

PublicUtils.showMessage('ok');    // 弹出alert框,显示 ok

相关文章

导入moment 使用方式 年月日,时分秒 星期几 相对时间 7天后 2小时后 明天 将毫秒转换成年月日
@ 一、前言 为什么介绍redux-actions呢? 第一次见到主要是接手公司原有的项目,发现有之前的大佬在处理...
十大React Hook库 原文地址:https://dev.to/bornfightcompany/top-10-react-hook-libraries-4065 原文...
React生命周期 React的生命周期从广义上分为挂载、渲染、卸载三个阶段,在React的整个生命周期中提供很...
React虚拟DOM的理解 Virtual DOM是一棵以JavaScript对象作为基础的树,每一个节点可以将其称为VNode,用...
React中JSX的理解 JSX是快速生成react元素的一种语法,实际是React.createElement(component, props, ....