反应无格式的POST请求？

Question

我正在尝试使自己熟悉发送POST数据，这次使用React。 在这种情况下，我尝试不使用表格。

我的前端React代码具体如下所示：

stockconfirmbuy: function(){
var stin = this.refs.stockpriceref.innerHTML;
  var totalbuyval = stin * this.state.stockdnum;    
    return (<div>
    <p>Are you sure you would like to buy {this.refs.stocknameref.innerHTML} stock at ${this.refs.stockpriceref.innerHTML} per share?</p>
    <p>Select Amount:</p>
    <input className="form-control" defaultValue="1" type="number" value={this.state.stockdum} onChange={this.changestocknum} /> 
    <p>Your Total:</p>
    <p>${totalbuyval}</p>        
    <div id="buttongroups">
    <button className="btn btn-success" onClick={this.buyprocess}>Buy It</button>
    <button className="btn btn-danger" onClick={this.cancelprocess}>Cancel</button>
    </div>
</div>);
},    

为了清楚起见，我的初始stockdnum状态值为1。

同时，我的模式安排如下：

var UserSchema = new Schema({

  email: { type: String, unique: true, lowercase: true},
  password: String,
    icapital: {type: Number, default: 9001},
  profile: {
    name: { type: String, default: ''},
    picture: { type: String, default: ''}
  },
  address: String,
  history: [{
    date: Date,
    stocklabel: String,
    stockname: String,
    stocknumber: Number,
    stockpaid: Number
  }]
});

我尝试将交易编码到我的routes/user.js页面中，如下所示：

router.post('/profile', function(req, res, next) {
  User.findOne({ _id: req.user._id }, function(err, user) {
    if (err) return next(err);
    if (req.body.stocklabel) user.history.stocklabel = req.body.stocklabel;
    if (req.body.stockname) user.history.stockname = req.body.stockname;
    user.history.date = Date();
    if (req.body.stocknumber) user.history.stocknumber = req.body.stocknumber;
    if (req.body.stockprice) user.history.stockprice = req.body.stockprice;
    user.save(function(err) {
      if (err) return next(err);
      req.flash('success', 'Purchase sucessful');
      return res.redirect('/profile');
    });
  });
});

首先，我想确保我的事务与我的Schema的安排保持一致。

其次，回到我的前端React代码，我不确定如何将相关数据从React导入数据库。 我希望操作在{this.buyprocess}上运行。 但是，由于它不是传统的输入形式，所以我不确定如何将其转换为提交按钮以传输以下这些信息。

{this.refs.stockpriceref.innerHTML}压制了股票标签。

{this.state.stockdnum}表示数量或库存编号。

{totalbuyval}表示总成本或股价。

我不确定this.buyprocess函数中的代码是什么样子。