git克隆包到React Native项目后如何访问并调用ReverseRecords函数？

架构老林

2026-9-27

步骤1：确认包的存放位置

你克隆的reverse-records包如果存放在项目根目录的libs文件夹下（可根据你实际存放路径调整），可以选择配置别名简化后续导入，也可以直接用相对路径导入。

步骤2：（可选）配置导入别名

如果要使用别名避免写过长的相对路径，先安装别名依赖：
npm install babel-plugin-module-resolver --save-dev
然后修改项目根目录的babel.config.js，新增module-resolver插件配置：

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [
    [
      'module-resolver',
      {
        root: ['.'],
        alias: {
          // 后面的路径替换成你实际存放reverse-records的本地路径
          'reverse-records': './libs/reverse-records',
        },
      },
    ],
  ],
};

配置完成后执行npx react-native start --reset-cache重启Metro服务并清空缓存。

步骤3：导入并使用ReverseRecords

在你需要用到该功能的React Native js文件中按如下方式导入：

// 配置了别名可以直接写包名
import { ReverseRecords } from 'reverse-records'

// 没配置别名就写对应相对路径，比如从src/pages/xxx.js导入就写
// import { ReverseRecords } from '../../libs/reverse-records'

导入后按要求初始化实例调用即可，示例：

// 需提前在项目中安装适配React Native的ethers依赖
import { ethers } from 'ethers'

// 初始化provider
const provider = new ethers.providers.JsonRpcProvider('https://rpc.ankr.com/eth')
const reverseRecords = new ReverseRecords({ provider })

// 调用方法查询地址对应的ENS反向解析记录
const getEnsNames = async (addressList) => {
  const names = await reverseRecords.getNames(addressList)
  console.log(names)
}