11、以太坊数据查询与交易发送：从ERC20信息获取到交易环境搭建

以太坊数据查询与交易发送：从ERC20信息获取到交易环境搭建

1. ERC20组件介绍

ERC20组件用于接收合约实例并展示相关信息。它会获取一些静态信息，如名称、符号、小数位数以及代币的总供应量。这些信息在ERC20标准中是可选的，但大多数代币都会实现它们。

1.1 获取静态信息

在React组件中，我们使用 componentDidMount 方法来异步加载信息并填充状态。通过 Promise.all() 同时发起四个请求，获取名称、符号、小数位数和总供应量。

class ERC20 extends Component {
  async componentDidMount() {
    const { contract } = this.props;
    const [name, symbol, decimals, totalSupply] =
      await Promise.all([
        contract.methods.name().call(),
        contract.methods.symbol().call(),
        contract.methods.decimals().call(),
        contract.methods.totalSupply().call(),
      ]);
    this.setState({ name, symbol, decimals, totalSupply });
  }
}

<