增加onError props.

CHANGELOG.md

 # CHANGELOG
 
+## 0.5.2
+
+- [x] feat: Editor 增加 props: showError、onError、beforeSubmit
+- [x] feat: Comment 增加 props: showError、onError
+
 ## 0.5.1
 
 - [x] feat: Editor 添加 props: closeUploadWhenBlur

README.md

 ## Comment
 
 
-| props            | type    | default                            | required | description                                                  |
-| ---------------- | ------- | ---------------------------------- | -------- | ------------------------------------------------------------ |
-| type             | number  |                                    | true     | 评论的 type                                                  |
-| businessId       | string  |                                    | true     | 评论的 business id                                           |
-| API              | string  | http://api.links123.net/comment/v1 | false    | API 前缀                                                     |
-| showList         | boolean | true                               | false    | 是否显示评论列表                                             |
-| showEditor       | boolean | true                               | false    | 是否显示评论输入框                                           |
-| showAlertComment | boolean | false                              | false    | 评论成功之后，是否通过 Antd 的 Message 组件进行提示          |
-| showAlertReply   | boolean | false                              | false    | 回复成功之后，是否通过 Antd 的 Message 组件进行提示          |
-| showAlertFavor   | boolean | false                              | false    | 点赞/取消点赞成功之后，是否通过 Antd 的 Message 组件进行提示 |
-| showError        | boolean | true                               | false    | 是否使用Antd的Message组件提示错误信息                        |
-| token            | string  |                                    | false    | [deprecated] token，用于身份认证，非必须。默认使用 cookie    |
+| props            | type          | default                            | required | description                                                  |
+| ---------------- | ------------- | ---------------------------------- | -------- | ------------------------------------------------------------ |
+| type             | number        |                                    | true     | 评论的 type                                                  |
+| businessId       | string        |                                    | true     | 评论的 business id                                           |
+| API              | string        | http://api.links123.net/comment/v1 | false    | API 前缀                                                     |
+| showList         | boolean       | true                               | false    | 是否显示评论列表                                             |
+| showEditor       | boolean       | true                               | false    | 是否显示评论输入框                                           |
+| showAlertComment | boolean       | false                              | false    | 评论成功之后，是否通过 Antd 的 Message 组件进行提示          |
+| showAlertReply   | boolean       | false                              | false    | 回复成功之后，是否通过 Antd 的 Message 组件进行提示          |
+| showAlertFavor   | boolean       | false                              | false    | 点赞/取消点赞成功之后，是否通过 Antd 的 Message 组件进行提示 |
+| showError        | boolean       | true                               | false    | 是否使用Antd的Message组件提示错误信息                        |
+| onError          | function(msg) |                                    | false    | 错误回调, 出错了会被调用                                     |
+| token            | string        |                                    | false    | [deprecated] token，用于身份认证，非必须。默认使用 cookie    |
 
 
 
 | onRef               | function                        |               | false    | 传递子组件的引用                                                                                  |
 | closeUploadWhenBlur | boolean                         |               | false    | 当 upload 失去焦点（鼠标点击非 Upload 的区域）的时候，是否自动关闭 Popover                        |
 | showError           | boolean                         | true          | false    | 是否使用Antd的Message组件提示错误信息, 主要是上传图片出错的情况                                   |
+| onError             | function(msg)                   |               | false    | 错误回调, 出错了会被调用, 主要是上传图片出错的情况                                                                           |
 
 
 

lib/App.js

     _this.sCommentFavor = _this.sCommentFavor.bind(_this);
     _this.sReplyFavor = _this.sReplyFavor.bind(_this);
     _this.sOssSts = _this.sOssSts.bind(_this);
-    _this.message = _extends({}, _message3.default, {
-      error: function error() {
-        if (_this.props.showError) {
-          _message3.default.error.apply(antdMessage, arguments);
-        }
-      }
-    });
     return _this;
   }
 
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {}
+  }, {
+    key: "error",
+    value: function error(msg) {
+      if (this.props.showError) {
+        _message3.default.error(msg);
+      }
+      if (this.props.onError) {
+        this.props.onError(msg);
+      }
+    }
 
     /**
      * 改变 loading 状态
             total: total
           });
         } else {
-          _this2.message.info("没有更多评论了");
+          _message3.default.info("没有更多评论了");
           _this2.setState({
             isNoMoreComment: true
           });
         }
       }).catch(function (error) {
         if (error.response && error.response.data && error.response.data.msg) {
-          _this2.message.error(_lang2.default[error.response.data.msg] || _constant.ERROR_DEFAULT);
+          _this2.error(_lang2.default[error.response.data.msg] || _constant.ERROR_DEFAULT);
           return;
         }
-        _this2.message.error(_lang2.default[error.message] || _constant.ERROR_DEFAULT);
+        _this2.error(_lang2.default[error.message] || _constant.ERROR_DEFAULT);
       }).finally(function () {
         _this2.handleChangeLoading("sGetComment", false);
       });
 
       this.axios.get(API + "/replies?comment_id=" + commentId + "&page=" + page + "&limit=" + _constant.LIMIT).then(function (response) {
         if (!response.data.list) {
-          _this3.message.info("没有更多数据了！");
+          _message3.default.info("没有更多数据了！");
         }
         var list = _this3.state.list.map(function (item) {
           if (item.id === commentId) {
         _this3.setState({ list: list });
       }).catch(function (error) {
         if (error.response && error.response.data && error.response.data.msg) {
-          _this3.message.error(_lang2.default[error.response.data.msg] || _constant.ERROR_DEFAULT);
+          _this3.error(_lang2.default[error.response.data.msg] || _constant.ERROR_DEFAULT);
           return;
         }
-        _this3.message.error(_lang2.default[error.message] || _constant.ERROR_DEFAULT);
+        _this3.error(_lang2.default[error.message] || _constant.ERROR_DEFAULT);
       }).finally(function () {
         _this3.handleChangeLoading("sGetReply", false);
       });
 
       var cb = arguments[1];
 
-      if (!content) return this.message.error("评论内容不能为空 ");
+      if (!content) return this.error("评论内容不能为空 ");
       this.handleChangeLoading("sCreateComment", true);
       var _props2 = this.props,
           API = _props2.API,
         withCredentials: true
       }).then(function (response) {
         if (_this4.props.showAlertComment) {
-          _this4.message.success("评论成功！");
+          _message3.default.success("评论成功！");
         }
         if ((0, _helper.isFunction)(cb)) cb();
         // 将数据写入到 list 中
         _this4.setState({ list: list, total: total + 1 });
       }).catch(function (error) {
         if (error.response && error.response.data && error.response.data.msg) {
-          _this4.message.error(_lang2.default[error.response.data.msg] || _constant.ERROR_DEFAULT);
+          _this4.error(_lang2.default[error.response.data.msg] || _constant.ERROR_DEFAULT);
           return;
         }
-        _this4.message.error(_lang2.default[error.message] || _constant.ERROR_DEFAULT);
+        _this4.error(_lang2.default[error.message] || _constant.ERROR_DEFAULT);
       }).finally(function () {
         _this4.handleChangeLoading("sCreateComment", false);
       });
     value: function sCreateReply(data, cb) {
       var _this5 = this;
 
-      if (!data.content) return this.message.error("回复内容不能为空 ");
+      if (!data.content) return this.error("回复内容不能为空 ");
       this.handleChangeLoading("sCreateReply", true);
       var API = this.props.API;
 
         withCredentials: true
       }).then(function (response) {
         if (_this5.props.showAlertReply) {
-          _this5.message.success("回复成功！");
+          _message3.default.success("回复成功！");
         }
         if ((0, _helper.isFunction)(cb)) cb();
         // 将数据写入到 list 中
         _this5.setState({ list: list });
       }).catch(function (error) {
         if (error.response && error.response.data && error.response.data.msg) {
-          _this5.message.error(_lang2.default[error.response.data.msg] || _constant.ERROR_DEFAULT);
+          _this5.error(_lang2.default[error.response.data.msg] || _constant.ERROR_DEFAULT);
           return;
         }
-        _this5.message.error(_lang2.default[error.message] || _constant.ERROR_DEFAULT);
+        _this5.error(_lang2.default[error.message] || _constant.ERROR_DEFAULT);
       }).finally(function () {
         _this5.handleChangeLoading("sCreateReply", false);
       });
         withCredentials: true
       }).then(function (response) {
         if (_this6.props.showAlertFavor) {
-          _this6.message.success(favored ? "取消点赞成功！" : "点赞成功！");
+          _message3.default.success(favored ? "取消点赞成功！" : "点赞成功！");
         }
         // 更新 list 中的该项数据的 favored
         var list = _this6.state.list.map(function (item) {
         _this6.setState({ list: list });
       }).catch(function (error) {
         if (error.response && error.response.data && error.response.data.msg) {
-          _this6.message.error(_lang2.default[error.response.data.msg] || _constant.ERROR_DEFAULT);
+          _this6.error(_lang2.default[error.response.data.msg] || _constant.ERROR_DEFAULT);
           return;
         }
-        _this6.message.error(_lang2.default[error.message] || _constant.ERROR_DEFAULT);
+        _this6.error(_lang2.default[error.message] || _constant.ERROR_DEFAULT);
       }).finally(function () {
         _this6.handleChangeLoading("sCommentFavor", false);
       });
         },
         withCredentials: true
       }).then(function (response) {
-        _this7.message.success(favored ? "取消点赞成功！" : "点赞成功！");
+        _message3.default.success(favored ? "取消点赞成功！" : "点赞成功！");
         // 更新 list 中的该项数据的 favored
         var list = _this7.state.list.map(function (item) {
           if (item.id === commentId) {
         _this7.setState({ list: list });
       }).catch(function (error) {
         if (error.response && error.response.data && error.response.data.msg) {
-          _this7.message.error(_lang2.default[error.response.data.msg] || _constant.ERROR_DEFAULT);
+          _this7.error(_lang2.default[error.response.data.msg] || _constant.ERROR_DEFAULT);
           return;
         }
-        _this7.message.error(_lang2.default[error.message] || _constant.ERROR_DEFAULT);
+        _this7.error(_lang2.default[error.message] || _constant.ERROR_DEFAULT);
       }).finally(function () {
         _this7.handleChangeLoading("sReplyFavor", false);
       });
         _this8.setState({ oss: _extends({}, response.data) });
       }).catch(function (error) {
         if (error.response && error.response.data && error.response.data.msg) {
-          _this8.message.error(_lang2.default[error.response.data.msg] || _constant.ERROR_DEFAULT);
+          _this8.error(_lang2.default[error.response.data.msg] || _constant.ERROR_DEFAULT);
           return;
         }
-        _this8.message.error(_lang2.default[error.message] || _constant.ERROR_DEFAULT);
+        _this8.error(_lang2.default[error.message] || _constant.ERROR_DEFAULT);
       }).finally(function () {
         _this8.handleChangeLoading("sOssSts", false);
       });
   showAlertComment: _propTypes2.default.bool, // 评论成功之后，是否通过 Antd 的 Message 组件进行提示
   showAlertReply: _propTypes2.default.bool, // 回复成功之后，是否通过 Antd 的 Message 组件进行提示
   showAlertFavor: _propTypes2.default.bool, // 点赞/取消点赞成功之后，是否通过 Antd 的 Message 组件进行提示
-  showError: _propTypes2.default.bool // 是否使用Antd的Message组件提示错误信息
+  showError: _propTypes2.default.bool, // 是否使用Antd的Message组件提示错误信息
+  onError: _propTypes2.default.func // 错误回调, 出错了会被调用
 };
 
 App.defaultProps = {

lib/components/Editor/Upload.js

           info.onSuccess();
           _this2.props.onUpload({ path: data.name, uid: file.uid });
         }).catch(function (e) {
+          var msg = e.message || _constant.ERROR_DEFAULT;
           if (_this2.props.showError) {
-            _message3.default.error(e.message || _constant.ERROR_DEFAULT);
+            _message3.default.error(msg);
+          }
+          if (_this2.props.onError) {
+            _this2.props.onError(msg);
           }
           info.onError(e);
         });

lib/components/Editor/index.js

                     onUpload: this.handleUpload,
                     maxUpload: maxUpload,
                     fileList: this.state.fileList,
-                    showError: this.props.showError
+                    showError: this.props.showError,
+                    onError: this.props.onError
                   })
                 ),
                 placement: "bottomLeft",
   button: _propTypes2.default.node,
   emojiToolIcon: _propTypes2.default.node,
   imageToolIcon: _propTypes2.default.node,
-  showError: _propTypes2.default.bool
+  showError: _propTypes2.default.bool,
+  onError: _propTypes2.default.func
 };
 
 Editor.defaultProps = {

lib/index.js

           showAlertComment: true,
           showAlertReply: true,
           showAlertFavor: true,
-          showError: false
+          showError: false,
+          onError: function onError(msg) {
+            console.log("-----------" + msg);
+          }
         },
         _react2.default.createElement(_App.Editor, {
           maxUpload: 4,
-          showError: false,
           beforeSubmit: function beforeSubmit() {
             return true;
+          },
+          showError: false,
+          onError: function onError(msg) {
+            console.log("-----------" + msg);
           }
         })
       );

lib/index.js.map

-{"version":3,"sources":["../src/index.js"],"names":["Index","props","state","value","handleChangeValue","bind","handleChangeSubmit","setState","console","log","text","files","loading","setTimeout","Component","ReactDOM","render","document","getElementById"],"mappings":";;;;AAAA;;;;AACA;;;;AAIA;;;;AACA;;;;;;;;;;;AAJA;AACA;AACA;;;IAIMA,K;;;AACJ,iBAAYC,KAAZ,EAAmB;AAAA;;AAAA,8GACXA,KADW;;AAEjB,UAAKC,KAAL,GAAa;AACXC,aAAO;AADI,KAAb;AAGA,UAAKC,iBAAL,GAAyB,MAAKA,iBAAL,CAAuBC,IAAvB,OAAzB;AACA,UAAKC,kBAAL,GAA0B,MAAKA,kBAAL,CAAwBD,IAAxB,OAA1B;AANiB;AAOlB;;;;sCAEiBF,K,EAAO;AACvB,WAAKI,QAAL,CAAc,EAAEJ,YAAF,EAAd;AACAK,cAAQC,GAAR,CAAY,2BAAZ,EAAyCN,KAAzC;AACD;;;6CAEmC;AAAA;;AAAA,UAAfO,IAAe,QAAfA,IAAe;AAAA,UAATC,KAAS,QAATA,KAAS;;AAClC,WAAKJ,QAAL,CAAc,EAAEK,SAAS,IAAX,EAAd,EAAiC,YAAM;AACrCC,mBAAW,YAAM;AACf,iBAAKN,QAAL,CAAc,EAAEK,SAAS,KAAX,EAAd;AACD,SAFD,EAEG,IAFH;AAGD,OAJD;AAKAJ,cAAQC,GAAR,CAAY,eAAZ,EAA6BC,IAA7B;AACAF,cAAQC,GAAR,CAAY,gBAAZ,EAA8BE,KAA9B;AACD;;;6BAEQ;AACP;AACA,aACE;AAAC,qBAAD;AAAA;AACE,gBAAM,CADR;AAEE,sBAAW,MAFb;AAGE,gCAHF;AAIE,8BAJF;AAKE,8BALF;AAME,qBAAW;AANb;AAQE,sCAAC,WAAD;AACE,qBAAW,CADb;AAEE,qBAAW,KAFb;AAGE,wBAAc,wBAAM;AAClB,mBAAO,IAAP;AACD;AALH;AARF,OADF;;AAmBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACD;;;;EArFiBG,gB;;AAwFpBC,mBAASC,MAAT,CAAgB,8BAAC,KAAD,OAAhB,EAA2BC,SAASC,cAAT,CAAwB,cAAxB,CAA3B;AACA","file":"index.js","sourcesContent":["import React, { Component } from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\n// e.g.\r\n// import { Button, Icon } from \"antd\";\r\n// import App, { Editor, RenderText } from \"./App\";\r\nimport App, { Editor } from \"./App\";\r\nimport registerServiceWorker from \"./registerServiceWorker\";\r\n\r\nclass Index extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      value: \"\"\r\n    };\r\n    this.handleChangeValue = this.handleChangeValue.bind(this);\r\n    this.handleChangeSubmit = this.handleChangeSubmit.bind(this);\r\n  }\r\n\r\n  handleChangeValue(value) {\r\n    this.setState({ value });\r\n    console.log(\"handleChangeValue value: \", value);\r\n  }\r\n\r\n  handleChangeSubmit({ text, files }) {\r\n    this.setState({ loading: true }, () => {\r\n      setTimeout(() => {\r\n        this.setState({ loading: false });\r\n      }, 2000);\r\n    });\r\n    console.log(\"submit text: \", text);\r\n    console.log(\"submit files: \", files);\r\n  }\r\n\r\n  render() {\r\n    // 最简单的用法\r\n    return (\r\n      <App\r\n        type={1}\r\n        businessId=\"test\"\r\n        showAlertComment\r\n        showAlertReply\r\n        showAlertFavor\r\n        showError={false}\r\n      >\r\n        <Editor\r\n          maxUpload={4}\r\n          showError={false}\r\n          beforeSubmit={() => {\r\n            return true;\r\n          }}\r\n        />\r\n      </App>\r\n    );\r\n\r\n    // e.g.\r\n    // 复杂的用户法\r\n    // const props = {\r\n    //   type: 1,\r\n    //   businessId: \"1\",\r\n    //   API: \"http://api.links123.net/comment/v1\",\r\n    //   showList: true\r\n    // };\r\n\r\n    // const editorProps = {\r\n    //   showEmoji: true,\r\n    //   placeholder: \"说点什么吧\",\r\n    //   rows: 5,\r\n    //   btnLoading: this.state.loading,\r\n    //   btnDisable: this.state.loading,\r\n    //   btnSubmitText: \"提交\",\r\n    //   value: this.state.value,\r\n    //   onChange: v => this.handleChangeValue(v),\r\n    //   onSubmit: v => this.handleChangeSubmit(v),\r\n    //   button: (\r\n    //     <Button\r\n    //       type=\"primary\"\r\n    //       ghost\r\n    //       // onClick={() => console.log('click btn: ', this.state.value)}\r\n    //     >\r\n    //       自定义按钮\r\n    //     </Button>\r\n    //   ),\r\n    //   emojiToolIcon: <Icon type=\"smile\" style={{ fontSize: 23 }} />,\r\n    //   imageToolIcon: (\r\n    //     <Icon type=\"cloud-upload-o\" style={{ fontSize: 25, marginLeft: 10 }} />\r\n    //   )\r\n    // };\r\n\r\n    // return (\r\n    //   <App {...props}>\r\n    //     <Editor {...editorProps} />\r\n    //   </App>\r\n    // );\r\n  }\r\n}\r\n\r\nReactDOM.render(<Index />, document.getElementById(\"root-comment\"));\r\nregisterServiceWorker();\r\n"]}
+{"version":3,"sources":["../src/index.js"],"names":["Index","props","state","value","handleChangeValue","bind","handleChangeSubmit","setState","console","log","text","files","loading","setTimeout","msg","Component","ReactDOM","render","document","getElementById"],"mappings":";;;;AAAA;;;;AACA;;;;AAIA;;;;AACA;;;;;;;;;;;AAJA;AACA;AACA;;;IAIMA,K;;;AACJ,iBAAYC,KAAZ,EAAmB;AAAA;;AAAA,8GACXA,KADW;;AAEjB,UAAKC,KAAL,GAAa;AACXC,aAAO;AADI,KAAb;AAGA,UAAKC,iBAAL,GAAyB,MAAKA,iBAAL,CAAuBC,IAAvB,OAAzB;AACA,UAAKC,kBAAL,GAA0B,MAAKA,kBAAL,CAAwBD,IAAxB,OAA1B;AANiB;AAOlB;;;;sCAEiBF,K,EAAO;AACvB,WAAKI,QAAL,CAAc,EAAEJ,YAAF,EAAd;AACAK,cAAQC,GAAR,CAAY,2BAAZ,EAAyCN,KAAzC;AACD;;;6CAEmC;AAAA;;AAAA,UAAfO,IAAe,QAAfA,IAAe;AAAA,UAATC,KAAS,QAATA,KAAS;;AAClC,WAAKJ,QAAL,CAAc,EAAEK,SAAS,IAAX,EAAd,EAAiC,YAAM;AACrCC,mBAAW,YAAM;AACf,iBAAKN,QAAL,CAAc,EAAEK,SAAS,KAAX,EAAd;AACD,SAFD,EAEG,IAFH;AAGD,OAJD;AAKAJ,cAAQC,GAAR,CAAY,eAAZ,EAA6BC,IAA7B;AACAF,cAAQC,GAAR,CAAY,gBAAZ,EAA8BE,KAA9B;AACD;;;6BAEQ;AACP;AACA,aACE;AAAC,qBAAD;AAAA;AACE,gBAAM,CADR;AAEE,sBAAW,MAFb;AAGE,gCAHF;AAIE,8BAJF;AAKE,8BALF;AAME,qBAAW,KANb;AAOE,mBAAS,iBAACG,GAAD,EAAS;AAChBN,oBAAQC,GAAR,iBAA0BK,GAA1B;AACD;AATH;AAWE,sCAAC,WAAD;AACE,qBAAW,CADb;AAEE,wBAAc,wBAAM;AAClB,mBAAO,IAAP;AACD,WAJH;AAKE,qBAAW,KALb;AAME,mBAAS,iBAACA,GAAD,EAAS;AAChBN,oBAAQC,GAAR,iBAA0BK,GAA1B;AACD;AARH;AAXF,OADF;;AAyBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACD;;;;EA3FiBC,gB;;AA8FpBC,mBAASC,MAAT,CAAgB,8BAAC,KAAD,OAAhB,EAA2BC,SAASC,cAAT,CAAwB,cAAxB,CAA3B;AACA","file":"index.js","sourcesContent":["import React, { Component } from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\n// e.g.\r\n// import { Button, Icon } from \"antd\";\r\n// import App, { Editor, RenderText } from \"./App\";\r\nimport App, { Editor } from \"./App\";\r\nimport registerServiceWorker from \"./registerServiceWorker\";\r\n\r\nclass Index extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      value: \"\"\r\n    };\r\n    this.handleChangeValue = this.handleChangeValue.bind(this);\r\n    this.handleChangeSubmit = this.handleChangeSubmit.bind(this);\r\n  }\r\n\r\n  handleChangeValue(value) {\r\n    this.setState({ value });\r\n    console.log(\"handleChangeValue value: \", value);\r\n  }\r\n\r\n  handleChangeSubmit({ text, files }) {\r\n    this.setState({ loading: true }, () => {\r\n      setTimeout(() => {\r\n        this.setState({ loading: false });\r\n      }, 2000);\r\n    });\r\n    console.log(\"submit text: \", text);\r\n    console.log(\"submit files: \", files);\r\n  }\r\n\r\n  render() {\r\n    // 最简单的用法\r\n    return (\r\n      <App\r\n        type={1}\r\n        businessId=\"test\"\r\n        showAlertComment\r\n        showAlertReply\r\n        showAlertFavor\r\n        showError={false}\r\n        onError={(msg) => {\r\n          console.log(`-----------${msg}`)\r\n        }}\r\n      >\r\n        <Editor\r\n          maxUpload={4}\r\n          beforeSubmit={() => {\r\n            return true;\r\n          }}\r\n          showError={false}\r\n          onError={(msg) => {\r\n            console.log(`-----------${msg}`)\r\n          }}\r\n        />\r\n      </App>\r\n    );\r\n\r\n    // e.g.\r\n    // 复杂的用户法\r\n    // const props = {\r\n    //   type: 1,\r\n    //   businessId: \"1\",\r\n    //   API: \"http://api.links123.net/comment/v1\",\r\n    //   showList: true\r\n    // };\r\n\r\n    // const editorProps = {\r\n    //   showEmoji: true,\r\n    //   placeholder: \"说点什么吧\",\r\n    //   rows: 5,\r\n    //   btnLoading: this.state.loading,\r\n    //   btnDisable: this.state.loading,\r\n    //   btnSubmitText: \"提交\",\r\n    //   value: this.state.value,\r\n    //   onChange: v => this.handleChangeValue(v),\r\n    //   onSubmit: v => this.handleChangeSubmit(v),\r\n    //   button: (\r\n    //     <Button\r\n    //       type=\"primary\"\r\n    //       ghost\r\n    //       // onClick={() => console.log('click btn: ', this.state.value)}\r\n    //     >\r\n    //       自定义按钮\r\n    //     </Button>\r\n    //   ),\r\n    //   emojiToolIcon: <Icon type=\"smile\" style={{ fontSize: 23 }} />,\r\n    //   imageToolIcon: (\r\n    //     <Icon type=\"cloud-upload-o\" style={{ fontSize: 25, marginLeft: 10 }} />\r\n    //   )\r\n    // };\r\n\r\n    // return (\r\n    //   <App {...props}>\r\n    //     <Editor {...editorProps} />\r\n    //   </App>\r\n    // );\r\n  }\r\n}\r\n\r\nReactDOM.render(<Index />, document.getElementById(\"root-comment\"));\r\nregisterServiceWorker();\r\n"]}

package.json

 {
   "name": "comment",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "main": "lib/App.js",
   "description": "通用评论",
   "keywords": [

src/App.js

 import React, { Component } from "react";
 import PropTypes from "prop-types";
-import { message as antdMessage } from "antd";
+import { message } from "antd";
 import axios from "axios";
 import { ERROR_DEFAULT, LIMIT } from "./constant";
 import { CommentContext } from "./Comment";
     this.sCommentFavor = this.sCommentFavor.bind(this);
     this.sReplyFavor = this.sReplyFavor.bind(this);
     this.sOssSts = this.sOssSts.bind(this);
-    this.message = {
-      ...antdMessage,
-      error: (...args) => {
-        if (this.props.showError) {
-          antdMessage.error(...args);
-        }
-      }
-    };
   }
 
   componentWillMount() {
 
   componentDidMount() {}
 
+  error(msg) {
+    if (this.props.showError) {
+      message.error(msg);
+    }
+    if (this.props.onError) {
+      this.props.onError(msg);
+    }
+  }
+
   /**
    * 改变 loading 状态
    * @param {string} key key
             total
           });
         } else {
-          this.message.info("没有更多评论了");
+          message.info("没有更多评论了");
           this.setState({
             isNoMoreComment: true
           });
       })
       .catch(error => {
         if (error.response && error.response.data && error.response.data.msg) {
-          this.message.error(lang[error.response.data.msg] || ERROR_DEFAULT);
+          this.error(lang[error.response.data.msg] || ERROR_DEFAULT);
           return;
         }
-        this.message.error(lang[error.message] || ERROR_DEFAULT);
+        this.error(lang[error.message] || ERROR_DEFAULT);
       })
       .finally(() => {
         this.handleChangeLoading("sGetComment", false);
       .get(`${API}/replies?comment_id=${commentId}&page=${page}&limit=${LIMIT}`)
       .then(response => {
         if (!response.data.list) {
-          this.message.info("没有更多数据了！");
+          message.info("没有更多数据了！");
         }
         const list = this.state.list.map(item => {
           if (item.id === commentId) {
       })
       .catch(error => {
         if (error.response && error.response.data && error.response.data.msg) {
-          this.message.error(lang[error.response.data.msg] || ERROR_DEFAULT);
+          this.error(lang[error.response.data.msg] || ERROR_DEFAULT);
           return;
         }
-        this.message.error(lang[error.message] || ERROR_DEFAULT);
+        this.error(lang[error.message] || ERROR_DEFAULT);
       })
       .finally(() => {
         this.handleChangeLoading("sGetReply", false);
    * @param {object} {content} comment content
    */
   sCreateComment({ content } = {}, cb) {
-    if (!content) return this.message.error("评论内容不能为空 ");
+    if (!content) return this.error("评论内容不能为空 ");
     this.handleChangeLoading("sCreateComment", true);
     const { API, type, businessId } = this.props;
     this.axios(`${API}/comments`, {
     })
       .then(response => {
         if (this.props.showAlertComment) {
-          this.message.success("评论成功！");
+          message.success("评论成功！");
         }
         if (isFunction(cb)) cb();
         // 将数据写入到 list 中
       })
       .catch(error => {
         if (error.response && error.response.data && error.response.data.msg) {
-          this.message.error(lang[error.response.data.msg] || ERROR_DEFAULT);
+          this.error(lang[error.response.data.msg] || ERROR_DEFAULT);
           return;
         }
-        this.message.error(lang[error.message] || ERROR_DEFAULT);
+        this.error(lang[error.message] || ERROR_DEFAULT);
       })
       .finally(() => {
         this.handleChangeLoading("sCreateComment", false);
    * @param {object} data { comment_id, content, [reply_id] }
    */
   sCreateReply(data, cb) {
-    if (!data.content) return this.message.error("回复内容不能为空 ");
+    if (!data.content) return this.error("回复内容不能为空 ");
     this.handleChangeLoading("sCreateReply", true);
     const { API } = this.props;
     this.axios(`${API}/replies`, {
     })
       .then(response => {
         if (this.props.showAlertReply) {
-          this.message.success("回复成功！");
+          message.success("回复成功！");
         }
         if (isFunction(cb)) cb();
         // 将数据写入到 list 中
       })
       .catch(error => {
         if (error.response && error.response.data && error.response.data.msg) {
-          this.message.error(lang[error.response.data.msg] || ERROR_DEFAULT);
+          this.error(lang[error.response.data.msg] || ERROR_DEFAULT);
           return;
         }
-        this.message.error(lang[error.message] || ERROR_DEFAULT);
+        this.error(lang[error.message] || ERROR_DEFAULT);
       })
       .finally(() => {
         this.handleChangeLoading("sCreateReply", false);
     })
       .then(response => {
         if (this.props.showAlertFavor) {
-          this.message.success(favored ? "取消点赞成功！" : "点赞成功！");
+          message.success(favored ? "取消点赞成功！" : "点赞成功！");
         }
         // 更新 list 中的该项数据的 favored
         const list = this.state.list.map(item => {
       })
       .catch(error => {
         if (error.response && error.response.data && error.response.data.msg) {
-          this.message.error(lang[error.response.data.msg] || ERROR_DEFAULT);
+          this.error(lang[error.response.data.msg] || ERROR_DEFAULT);
           return;
         }
-        this.message.error(lang[error.message] || ERROR_DEFAULT);
+        this.error(lang[error.message] || ERROR_DEFAULT);
       })
       .finally(() => {
         this.handleChangeLoading("sCommentFavor", false);
       withCredentials: true
     })
       .then(response => {
-        this.message.success(favored ? "取消点赞成功！" : "点赞成功！");
+        message.success(favored ? "取消点赞成功！" : "点赞成功！");
         // 更新 list 中的该项数据的 favored
         const list = this.state.list.map(item => {
           if (item.id === commentId) {
       })
       .catch(error => {
         if (error.response && error.response.data && error.response.data.msg) {
-          this.message.error(lang[error.response.data.msg] || ERROR_DEFAULT);
+          this.error(lang[error.response.data.msg] || ERROR_DEFAULT);
           return;
         }
-        this.message.error(lang[error.message] || ERROR_DEFAULT);
+        this.error(lang[error.message] || ERROR_DEFAULT);
       })
       .finally(() => {
         this.handleChangeLoading("sReplyFavor", false);
       })
       .catch(error => {
         if (error.response && error.response.data && error.response.data.msg) {
-          this.message.error(lang[error.response.data.msg] || ERROR_DEFAULT);
+          this.error(lang[error.response.data.msg] || ERROR_DEFAULT);
           return;
         }
-        this.message.error(lang[error.message] || ERROR_DEFAULT);
+        this.error(lang[error.message] || ERROR_DEFAULT);
       })
       .finally(() => {
         this.handleChangeLoading("sOssSts", false);
   showAlertComment: PropTypes.bool, // 评论成功之后，是否通过 Antd 的 Message 组件进行提示
   showAlertReply: PropTypes.bool, // 回复成功之后，是否通过 Antd 的 Message 组件进行提示
   showAlertFavor: PropTypes.bool, // 点赞/取消点赞成功之后，是否通过 Antd 的 Message 组件进行提示
-  showError: PropTypes.bool // 是否使用Antd的Message组件提示错误信息
+  showError: PropTypes.bool, // 是否使用Antd的Message组件提示错误信息
+  onError: PropTypes.func // 错误回调, 出错了会被调用
 };
 
 App.defaultProps = {

src/components/Editor/Upload.js

           this.props.onUpload({ path: data.name, uid: file.uid });
         })
         .catch(e => {
+          const msg = e.message || ERROR_DEFAULT;
           if (this.props.showError) {
-            message.error(e.message || ERROR_DEFAULT);
+            message.error(msg);
+          }
+          if (this.props.onError) {
+            this.props.onError(msg);
           }
           info.onError(e);
         });

src/components/Editor/index.js

                         maxUpload={maxUpload}
                         fileList={this.state.fileList}
                         showError={this.props.showError}
+                        onError={this.props.onError}
                       />
                     </div>
                   }
   button: PropTypes.node,
   emojiToolIcon: PropTypes.node,
   imageToolIcon: PropTypes.node,
-  showError: PropTypes.bool
+  showError: PropTypes.bool,
+  onError: PropTypes.func
 };
 
 Editor.defaultProps = {

src/index.js

         showAlertReply
         showAlertFavor
         showError={false}
+        onError={msg => {
+          console.log(`-----------${msg}`);
+        }}
       >
         <Editor
           maxUpload={4}
-          showError={false}
           beforeSubmit={() => {
             return true;
           }}
+          showError={false}
+          onError={msg => {
+            console.log(`-----------${msg}`);
+          }}
         />
       </App>
     );