Блог

   <div className="input_container">
                    <h1>Shipping Address</h1>
                <div class="Contactus_table1_inputbox">
                   <h4>Full Name*</h4><br></br>
                   <input type="text" required="required"/>
                </div>
                <div class="Contactus_table1_inputbox">
                   <h4>Address Line*</h4><br></br>
                   <input type="text" required="required"/>
                </div>
                <div class="Contactus_table1_inputbox">
                   <h4>Zip/Postal Code*</h4><br></br>
                   <input type="text" required="required"/>
                </div>
                <div class="Contactus_table1_inputbox">
                   <h4>City*</h4><br></br>
                   <input type="text" required="required"/>
                </div>
                <div class="Contactus_table1_inputbox">
                   <h4>Country</h4><br></br>
                   <select>
                       <option className="option" value="" >India</option>
                       <option value="" >Australia</option>
                       <option value="" >France</option>
                       <option value="" >Germany</option>
                       <option value="" >Maldives</option>
                   </select>
                </div>
                <div className="container">
                    <div class="Contactus_table1_inputbox">
                        <h4>Email Address*</h4><br></br>
                        <input type="text" required="required"/>
                    </div>
                    <div id="phone_number" class="Contactus_table1_inputbox">
                        <h4>Phone Number*</h4><br></br>
                        <input type="text" required="required"/>
                    </div>
                </div>
            </div
 

// Подумайте о торговом сайте, когда вы добавляете свой адрес в свой заказ на странице оплаты, там будет краткое описание вашего адреса доставки и идентификатора заказа. Я должен показать это в другом файле.

 <div className="payment_table2_box">
                <h1>Shipping to</h1>
                <h2>John Doe</h2>
                <p>House no. 10, Amazing Building, Beautiful street, Near Ancient Landmark</p>
                <h3>Hyderabad,123456</h3>
                <h3>Telangana</h3>
                <h3> 91 12345 78900</h3>
                <a href="/Address" id="Learn_btn" >Edit</a>
                <img id="edit_img" src="../images/edit_img.svg" alt="" />
            </div>
 

// После отправки данные должны храниться локально и отображаться в заполнителях раздела payment_table2_box.

Вы можете сделать состояние глобальным с помощью api contex и нажать или перенаправить на страницу, где вы хотите, чтобы ваши данные отображались, и получить доступ к данным из контекста для отображения на странице.