在使用Backbone JS模型时验证ReactJS输入

Question

我在ReactJS中创建一个表单，在提交后，创建一个Backbone模型并将其保存到我的数据库中。在保存之前，我希望在Backbone模型中进行验证，并在React视图中显示错误。实现这一目标的最佳方法是什么？谢谢。

ReactJS表单视图的handleSubmit（）：

handleSubmit: function () {
  var foo = new Foo({
    title: this.state.title,
    description: this.state.description,
    startDate: this.state.startDate,
    endDate: this.state.endDate
  });

  foo.save({
    error: function() {
      console.log("ERROR");
    }
  });
}

Backbone Model

defaults: {
  title: "",
  description: "",
  startDate: "",
  endDate: ""
},

urlRoot: function() {
  return apiUrls("Foo")
}

Answer 1

您可以将错误消息保存为React View中的状态：

var view = this;
foo.save({
    error: function() {
        view.setState({validationError: 'your error message'});
    },
    success: function() {
        view.setState({validationError: null});
    }
});