15、以太坊开发：交易处理与数据索引

以太坊开发：交易处理与数据索引

1. ERC721 代币铸造与交易事件处理

1.1 组件集成

在 ERC721 主组件中集成 Mint 组件，需要在 ERC721 构造函数中绑定 mint 和 canMint 方法，并在 render 函数中添加 Mint 组件。示例代码如下：

// src/components/ERC721.js
class ERC721 extends Component {
  constructor(props) {
    // ...
    this.mint = this.mint.bind(this);
    this.canMint = this.canMint.bind(this);
  }
  render() {
    // ...
    <Mint canMint={this.canMint} mint={this.mint} />
    // ...
  }
}

点击 Mint 组件中的 Create 按钮，会弹出 Metamask 对话框，确认后会铸造新代币，但需要刷新页面才能更新代币列表。

1.2 响应交易事件

为了实时更新代币列表，我们需要在 ERC721 组件的 mint