Question

我从用户那里获取详细信息，并调用rest api函数并验证该详细信息。但是之后，我需要将所有详细信息传递到付款页面，而无需在我的MongoDB中存储值。付款成功后，这些详细信息需要存储。

我正在使用react和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

我认为您正在后端部分中执行反模式。您为什么不想在MongoDB中保存事务？您在数据库上创建事务记录；然后在您的付款页面回调中，将交易状态更新为COMPLETED或FAILED。
这与React或Frontend无关。

Answer 2

如果您使用的是redux等中央存储，则可以更新状态。并再次在下一页中获取它。否则，您可以将其保留在浏览器会话存储中并取回。

我想知道如何在执行rest api函数之后传递值，而不在MongDB中存储数据

2 个答案: