31、创建基于区块链的电子商务市场

创建基于区块链的电子商务市场

在构建基于区块链的电子商务市场时，我们需要逐步完成各个组件的开发，包括产品页面、购买页面、销售页面和订单页面等，同时还需要了解 ERC - 721 代币的相关知识。

1. 项目进展与页面设计

目前，网页的初始设置已取得一定进展。该电子商务商店采用扁平设计和黑色色调，部分元素（如按钮）具有立体感，类似时尚杂志的风格。初始设置对于这类复杂应用需要一些时间，但后续维护和更新各部分会很方便。

2. 创建产品组件

当用户点击“查看”按钮时，需要显示产品详细页面，用户可在该页面查看产品详细信息并进行购买。具体步骤如下：
1. 创建 Product.js 文件 ：在 components 文件夹中添加新的 Product.js 文件，代码如下：

import React from 'react'
import Header from './Header'
class Product extends React.Component {
    constructor() { super() }
    render() {
        return (
            <div>
                <Header />
                <div className="product-details">
                    <img className="product-image"
src={this.p