Blockchain Development for Finance Projects

Container.js

The Container.js file serves two main purposes:

• It renders components based on the current state of the app.
• It accepts the props from app.js and transfers them to the lower-level components.

Let's see how we will build the Container.js component:

1. Start by importing the three components for the app, Shoerack, Payment, and PVerification, as follows:

import React, { Component } from 'react';import Shoerack from './Shoerack'import Payment from './Payment'import PVerification from './PVerification'

2. The render statement renders the Shoerack, Payment, and PVerification components based on the current state variables, as follows:

this.props.paymentf ? <div> <PVerification mAddress={this.props.mAddress} PaymentDetail={this.props.PaymentDetail} ...