如何在React应用中无需交易获取以太坊合约公开变量（含bool paused与mapping）

嘿，这个问题我刚好实操过，给你一步步拆解清楚——其实MyEtherWallet的合约GUI也是用了同样的原理：调用合约的只读（view/pure）方法，这类方法不需要发起交易，直接从以太坊节点读取链上数据就行。

核心原理 #

以太坊合约里用public修饰的变量，会自动生成一个同名的view类型 getter 函数。比如你提到的bool public paused;，合约会自动生成function paused() external view returns (bool)，调用这个函数就能拿到变量值，完全不用上链交易。

具体实现步骤（以React + ethers.js为例） #

1. 准备必要的信息 #

• 合约ABI：包含合约公开变量/函数定义的JSON数组。如果是开源合约，从Etherscan就能导出；自己开发的合约，编译时会生成ABI文件。
• 合约地址：合约部署在链上的唯一地址（格式如0x...）。

2. 集成以太坊库 #

React项目里常用ethers.js来和以太坊交互，先安装：

npm install ethers
# 或者用yarn
yarn add ethers

3. 获取bool类型变量（比如paused） #

这里分两种场景：需要用户钱包（比如MetaMask）授权，或者直接用公共RPC节点（无需用户交互）。

场景1：连接用户钱包获取

import { ethers } from "ethers";

// 只保留和paused相关的ABI片段即可，不用全量ABI
const CONTRACT_ABI = [
  {
    "inputs": [],
    "name": "paused",
    "outputs": [{"internalType": "bool", "name": "", "type": "bool"}],
    "stateMutability": "view",
    "type": "function"
  }
];
const CONTRACT_ADDRESS = "0x你的合约地址";

// 获取合约paused状态的函数
export async function getContractPausedStatus() {
  // 检查用户是否安装了MetaMask等钱包
  if (!window.ethereum) {
    alert("请先安装MetaMask钱包");
    return false;
  }

  try {
    // 连接钱包提供者
    const provider = new ethers.BrowserProvider(window.ethereum);
    // 实例化合约对象（传入地址、ABI、提供者）
    const contract = new ethers.Contract(CONTRACT_ADDRESS, CONTRACT_ABI, provider);
    // 直接调用自动生成的getter函数
    const isPaused = await contract.paused();
    console.log("合约暂停状态：", isPaused);
    return isPaused;
  } catch (error) {
    console.error("获取暂停状态失败：", error);
    return false;
  }
}

场景2：用公共RPC节点获取（无需用户钱包）

如果你的应用不需要用户交互，直接用Infura、Alchemy等提供的公共RPC节点即可：

import { ethers } from "ethers";

const CONTRACT_ABI = [/* 和上面一样的ABI */];
const CONTRACT_ADDRESS = "0x你的合约地址";
// 替换成你的公共RPC节点URL（比如Infura、Alchemy）
const RPC_URL = "https://mainnet.infura.io/v3/你的Infura密钥";

export async function getContractPausedStatus() {
  try {
    // 连接公共RPC节点
    const provider = new ethers.JsonRpcProvider(RPC_URL);
    const contract = new ethers.Contract(CONTRACT_ADDRESS, CONTRACT_ABI, provider);
    const isPaused = await contract.paused();
    console.log("合约暂停状态：", isPaused);
    return isPaused;
  } catch (error) {
    console.error("获取失败：", error);
    return false;
  }
}

4. 获取mapping类型变量 #

mapping是键值对结构，必须传入对应的键才能获取值。比如合约里的mapping(address => uint256) public balances;，会自动生成function balances(address) external view returns (uint256)的getter函数，传入用户地址就能拿到余额。

示例代码：

// 更新ABI，加入balances的定义
const CONTRACT_ABI = [
  /* 之前的paused部分 */
  {
    "inputs": [{"internalType": "address", "name": "", "type": "address"}],
    "name": "balances",
    "outputs": [{"internalType": "uint256", "name": "", "type": "uint256"}],
    "stateMutability": "view",
    "type": "function"
  }
];

export async function getUserBalance(userAddress) {
  const provider = new ethers.JsonRpcProvider(RPC_URL);
  const contract = new ethers.Contract(CONTRACT_ADDRESS, CONTRACT_ABI, provider);
  
  try {
    // 传入地址作为参数调用getter
    const balance = await contract.balances(userAddress);
    // 将uint256格式转换为可读的ETH格式（如果是代币需考虑小数位）
    const readableBalance = ethers.formatEther(balance);
    console.log(`${userAddress}的余额：`, readableBalance);
    return readableBalance;
  } catch (error) {
    console.error("获取余额失败：", error);
    return "0";
  }
}

注意事项 #

• 只有public修饰的变量才会自动生成getter函数，private或internal变量无法直接通过这种方式获取。
• 如果合约自定义了getter函数（比如function getPaused() view returns (bool)），直接调用这个自定义函数即可，原理和自动生成的一样。
• 确保你的RPC节点或钱包连接的链和合约部署的链一致（比如合约在Sepolia测试链，就用Sepolia的RPC）。

内容的提问来源于stack exchange，提问作者Smiles Lt