34、使用 React.js 和 Vue.js 开发区块链客户端及相关项目

使用 React.js 和 Vue.js 开发区块链客户端及相关项目

1. React.js 开发区块链客户端

在 React.js 中开发区块链客户端，我们有几个关键组件。首先是 PendingTransactionsPanel 组件，其代码如下：

{formattedTransactions || 'No pending transactions yet.'}
</pre>
<div className="pending-transactions__form">
<button disabled={disabled}
onClick={() => onGenerateBlock()}
className="ripple"
type="button">GENERATE BLOCK</button>
</div>
<div className="clear"></div>
</>
);
}
export default PendingTransactionsPanel;

当用户点击 “GENERATE BLOCK” 按钮时，会调用 onGenerateBlock() 方法，该方法会进一步调用 App 组件中的 generateBlock() 函数。在 index.css 中的 .pending-transactions__form