如何使用 react 来监听带有合约的循环事件？答案

【问题标题】：How to use react to listen a loop events with contract?如何使用 react 来监听带有合约的循环事件？
【发布时间】：2020-08-29 22:21:48
【问题描述】：

我有一个像这样的可靠合同：

function Gamer_List()public payable{
   for(uint256 i = 0 ; i < members ; i++){
       emit event_list(i,player[i]);
   }
}
event event_list(address num_id , string player_name);

有没有办法使用 react 从循环中获取事件？

【问题讨论】：

Javascript 框架（如 web3.js）能够与您的智能合约进行交互，能够处理 sc 触发的事件。阅读此documentation 了解详情。

标签： reactjs events solidity smartcontracts

【解决方案1】：

在可靠性方面，您应该在事件中添加索引修饰符，例如

event event_list(address indexed num_id , string player_name);

在Javascript方面你可以做

var depositEvent = cryptoExContract.Deposit({_sender: num_id});
depositEvent.watch(function(err, result) {
  if (err) {
    console.log(err)
    return;
  }
  // append details of result.args to UI
})

【讨论】：