react-native 下编写工具、Public类

前端之家收集整理的这篇文章主要介绍了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

猜你在找的React相关文章