Я хочу знать, как передавать значения после выполнения функции API отдыха, не сохраняя данные в MongDB

Question

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

Я использую интерфейс с использованием реагирования и HTML.Я беру номер телефона и номер удостоверения личности в качестве ценных данных.Когда я нажимаю кнопку отправки, система проверит пользователя и покажет результат на следующей странице.Я хочу передать номер телефона и номер удостоверения личности на следующую страницу, не сохраняя их в mongodb.

render() {
    return <div className="container card">
        <div className="card-body">
            <h4 className="card-title">Buyer Details</h4>
            <h6 className="card-subtitle mb-2 text-muted">We offer a discount for Government Employees by using your NIC number </h6><br/>
        <form>
            <div className="row">
                <div className="col-md-4 form-group">
                    <label htmlFor="name">First Name*</label>
                    <input type="text" className="form-control" id="fname" maxLength={100} placeholder="First Name" required/>
                </div>
                <div className="col-md-4 form-group">
                    <label htmlFor="name">Last Name*</label>
                    <input type="text" className="form-control" id="lname" maxLength={100} placeholder="Last Name" required/>
                </div>
            </div>

            <div className="row">
            <div className="col-md-4 form-group">
                <label htmlFor="telephone">Telephone*</label>
                <input type="tel" className="form-control" id="telephone" maxLength={10} minLength={10} placeholder="Your telephone number" required/>
            </div>
            <div className="col-md-4 form-group">
                <label htmlFor="telephone">Email*</label>
                <input type="email" className="form-control" id="telephone" placeholder="myemail@example.com" required/>
            </div>
            </div>

            <div className="row">
            <div className="form-group col-md-8">
                <label htmlFor="address">Address*</label>
                <input type="text" className="form-control" id="address1"
                       placeholder="Address Line 1 " required/><br/>
                <input type="text" className="form-control" id="address2" placeholder="City" required/>
            </div>
            </div>

            <div className="row">
                <div className="form-group col-md-4">
                    <label htmlFor="address">Gender*</label>
                    <select className="custom-select" required>
                        <option value="">--</option>
                        <option value="1">Male</option>
                        <option value="2">Female</option>
                    </select>
                </div>
                <div className="col-md-4 form-group">
                    <label htmlFor="telephone">NIC no*</label>
                    <input type="text" className="form-control" id="telephone" maxLength={10} minLength={10} placeholder="XXXXXXXXXV" required/>
                </div>
            </div>
            <div className="row">
                <div className="form-group col-md-4">
                <label htmlFor="telephone">Fields with * are required</label>
                </div>
            </div>
            <button type="submit" className="btn btn-info">Proceed</button>


        </form>
        </div>


    </div>;
}

Answer 1

Если вы используете центральное хранилище, такое как Редукс, вы можете обновить состояние.и снова получить его на следующей странице.Или же вы можете сохранить это в хранилище сессии браузера и получить обратно.

Answer 2

Я думаю, что вы делаете антипаттерн в бэкэнд-секции.Почему вы не хотите сохранить транзакцию в MongoDB?Вы создаете запись транзакции в вашей БД;затем в обратном вызове на странице оплаты вы меняете статус транзакции на ЗАВЕРШЕНО или НЕ УКАЗАН.
Это не связано с реакцией или внешним интерфейсом.