react web3解析并存储来自returnValues的交易[收据值]答案

【问题标题】：react web3 parse and store a transaction [receipt value] from returnValuesreact web3解析并存储来自returnValues的交易[收据值]
【发布时间】：2022-07-30 04:19:25
【问题描述】：

我正在使用 Hashlips github repo 进行铸造 Dapp。我已经使用 dapp 成功铸币，铸币交易完成后，我将交易收据发送到控制台日志。

在交易收据中，我们有事件 > transfer > returnValues。我想读取一个特定的返回值并将其存储，以便我可以在另一个函数中使用这个值。

基本上在returnValues 内部，我存储了一个tokenID:'xnumberhere'，我需要用它来组合我将上传到IPFS 的图像。

如何通过收据解析以保存特定对象数据，例如 TokenID 甚至是父对象，例如 blockNumber / blockHash

当前功能 - 见第 23/24 行记录收据

See this image of the console log where I want to retrieve tokenID

const claimNFTs = () => {
    let cost = CONFIG.WEI_COST;
    let gasLimit = CONFIG.GAS_LIMIT;
    let totalCostWei = String(cost * mintAmount);
    let totalGasLimit = String(gasLimit * mintAmount);
    console.log("Cost: ", totalCostWei);
    console.log("Gas limit: ", totalGasLimit);
    setFeedback(`Minting your ${CONFIG.NFT_NAME}...`);
    setClaimingNft(true);
    blockchain.smartContract.methods
      .mintNFT(mintAmount)
      .send({
        gasLimit: String(totalGasLimit),
        to: CONFIG.CONTRACT_ADDRESS,
        from: blockchain.account,
        value: totalCostWei,
      })
      .once("error", (err) => {
        console.log(err);
        setFeedback("Sorry, something went wrong please try again later.");
        setClaimingNft(false);
      })
      .then((receipt) => {
        console.log(receipt);
        setFeedback(
          `WOW, the ${CONFIG.NFT_NAME} is yours! go visit Opensea.io to view it.`
        );
        setClaimingNft(false);
        dispatch(fetchData(blockchain.account));
        getData();
      });
  };

【问题讨论】：

标签： javascript reactjs

【解决方案1】：

为了检索我的 Mint 交易的事件响应，我使用了以下内容：

var tokenId = receipt.events.Transfer.returnValues.tokenId
        console.log("Your NFT ID is: " + receipt.events.Transfer.returnValues.tokenId);

【讨论】：