如何从polkadotjs-rpc-api实时更新reactjs的状态

Question

const unsubHeads = await data.rpc.chain.subscribeNewHeads((lastHeader) => {
console.log(`: last block #${lastHeader.number} has hash ${lastHeader.hash}`);

});

我正在使用polkadot-js-rpc-api更新我的reactjs(实时显示las块号(，一切都很好，块号也在上面的代码中动态显示，但我无法在循环中设置新状态。

Answer 1

您可以在我们的前端模板中找到一个这样的例子https://github.com/substrate-developer-hub/substrate-front-end-template/blob/master/src/BlockNumber.js