实现mint操作（参考pancake）

我的小狗很很可爱

已于 2023-02-14 11:24:32 修改

阅读量526

点赞数

分类专栏：区块链文章标签：区块链 Powered by 金山文档

于 2023-02-11 16:01:54 首次发布

本文链接：https://blog.csdn.net/chhpearl/article/details/128984683

版权

本文介绍如何借助JavaScript和Web3.js库，通过调用智能合约来实现NFT的mint操作。内容包括配置Web3ReactProvider、功能页面的设置等，参考了pancake的代码实现。

摘要由CSDN通过智能技术生成

区块链发展越来越好，nft已经火了很久，今天写一下如何用js、web3js、调用合约，实现mint nft。

简单的调用：

//引入一些依赖 （根据需要，有一些是其他功能的）
import useActiveWeb3React from './web3/hooks/useActiveWeb3React';
import { getNftContract } from './web3/utils/contractHelpers';
import React, { useEffect, useState } from 'react';
import { useIntl, getLocale } from 'umi';
import { Web3Provider } from '@ethersproject/providers';
import Web3 from 'web3';
import { injected } from './web3';
import { useWeb3React } from '@web3-react/core';
import { Web3ReactProvider } from '@web3-react/core';
import { setupNetwork } from './web3/wallet';
import { InjectedConnector } from '@web3-react/injected-connector';
import { default as Abi } from './web3/abi/nft.json';
import type { AbiItem } from 'web3-utils';
import BigNumber from 'bignumber.js/bignumber';
import { useCallWithGasPrice } from './web3/hooks/useCallWithGasPrice';
  
const spenderAddress = '合约地址';
  const abiType = (abi: unknown): AbiItem => abi as AbiItem;//abi文件
  const contract = new web3.eth.Contract(abiType(Abi), spenderAddress);

// 可以获取一些数据
    const name = await contract.methods.name().call();
    const symbol = await contract.methods.symbol().call();
    const owner = await contract.methods.owner().call();
    // const balanceOf = await contract.methods.bala