javascript - 使用 BackboneJS 模型时验证 ReactJS 输入

Question

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

ReactJS 表单 View 的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 模型

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});
    }
});