如何从React前端向智能合约发送可变数量的以太币

Question

我正试图从React前端向我的智能合约发送一个可变量的以太币。在混音中，我可以做到这一点，只需选择数量并使用功能发送即可

在我的前端，这是values.amount是100wei 的函数

const sendEth = async(e) => {
e.preventDefault()
try {
const { ethereum } = window;
if (ethereum) {
const provider = new ethers.providers.Web3Provider(ethereum);
const signer = provider.getSigner();
const connectedContract = new ethers.Contract(CONTRACT_ADDRESS, escrowAbi.abi, signer);
let nftTxn = await connectedContract.depositEth(values.amount);

console.log("Mining...please wait.", nftTxn)
await nftTxn.wait();

console.log(`Mined, see transaction: https://rinkeby.etherscan.io/tx/${nftTxn.hash}`);
// console.log(connectedContract)
} else {
console.log("Ethereum object doesn't exist!");
}
} catch (error) {
console.log(error)
}

}

在我的智能合约中，这是我的depositEth函数——然而，msg.value是我想传递的参数，但我不能将其作为参数传递给这个函数？

仅供参考，在我的应用程序中，一旦你向合同付款，它就会发布NFT。

function depositEth() public payable hasToken(address(this), nftAddress)  {
require(msg.value == amountOwed, 'You ow more money');
buyerAddress = payable(msg.sender);
if(walletHoldsToken(address(this),nftAddress)) {
ERC721(nftAddress).safeTransferFrom(address(this), buyerAddress, tokenID);
}
}

所以我要问的是，如何将x金额的eth发送到前端定义了该价值的合同中？

Answer 1

在智能合约中定义一个函数来返回欠款：

function getOwedAmount() public view returns (uint256) {
// i  am assuming " amountOwed" is state variable, uint256
return amountOwed;
}

创建合同后。

const connectedContract = new ethers.Contract(CONTRACT_ADDRESS, escrowAbi.abi, signer)

获取自有金额

let owedAmount = await contract.getOwedAmount();
owedAmount=owedAmount.toString()
let transaction=await connectedContract.depositEth({value:owedAmount})
await transaction.wait();

由于depositEth是可支付的，我们可以将最后一个参数作为一个对象传递，指定我们发送的金额，solidity将自动将该金额分配给msg.value

Answer 2

您的depositEth()函数需要0个参数，因此JS代码段也需要传递0个参数。

ethers中有一个overrides对象，它总是在常规函数params之后传递(在您的情况下，位于第一位，因为有0个params(，允许修改调用该函数的事务的某些字段，包括其value。

let nftTxn = await connectedContract.depositEth({
value: values.amount
});

Answer 3

只需从ethers库中调用parseEther。

let nftTxn = await connectedContract.depositEth(address, { value: ethers.utils.parseEther("0.0000000000000001") });

//发送100 wei等待事务.wait((