React上绑定全局方法

_Kayo_2025-12-27 17:05

问题说明

在一个文件中，通过React.$方法名 = 函数的形式，绑定方法：

javascript 复制代码

React.$UUID = UUID

在其他文件中直接调用React.$UUID结果报错：

说React.$UUID不是函数，本地打印了一下，结果是undefined，推断是全局方法没绑定成功，直接调用报错了。

解决方法

1.先手动引入，暂时规避报错

定义UUID的文件：

javascript 复制代码

import React from 'react'

import { UUID } from '...'

React.$UUID = UUID

export { React }

引用UUID的文件：

javascript 复制代码

import { React } from '刚刚定义方法的目录'

...

React.$UUID()

...

2.在index文件（项目默认的主页面）上import这个方法，由于其他页面都是它的子页面，所以这种import能够在其他页面上生效

定义UUID的文件：

javascript 复制代码

import React from 'react'

import { UUID } from '...'

React.$UUID = UUID

在Index文件：

javascript 复制代码

import '刚刚定义React方法的文件路径'

...


...

在需要调用UUID的文件（注意这个文件需要和index是父子关系）：

javascript 复制代码

...

React.$UUID()

...