Capturing the Contract Details
Explore how to build frontend input components for capturing multiple partners' wallet addresses and split ratios in a Web3 application. Learn to manage application state with React hooks, validate wallet addresses using Web3 utilities, and prepare data for deploying smart contracts. This lesson helps you understand user input handling and contract parameter setup for Web3 development.
We'll cover the following...
Overview
Our smart contract requires two addresses and the corresponding split ratios to be provided. We’ll create input fields to capture this data, and we’ll have a submit button to deploy the contract with this given data.
We should start by defining the application state that’ll represent this data. We can create an array of objects, where each object will have a field for the object id, the address of the user, the label for the input field, the error message for the field, and the split ratio ( ...