add: 完成后端返回数据的国际化

src/App.js

@@ -10,7 +10,7 @@ import CommentInput from "./components/CommentInput";
 import CommentList from "./components/CommentList";
 import Editor from "./components/Editor";
 import RenderText from "./components/RenderText";
-import lang from "./lang";
+// import lang from "./lang";
 import USdata from "./lang/en-US.js";
 import CNdata from "./lang/zh-CN.js";
 import "./App.css";
@@ -35,6 +35,33 @@ const LOCALES = {
   "en-US": USdata
 };
 
+const LOCALES_RESPONSE = {
+  "zh-CN": {
+    "not found": "没有数据",
+    "auth failed": "请先登录",
+    "create comment failed": "创建评论失败",
+    "comment favor failed": "评论点赞失败",
+    "delete comment favor failed": "评论取消点赞失败",
+    "get comments failed": "获取评论列表失败",
+    "create reply failed": "创建回复失败",
+    "reply favor failed": "回复点赞失败",
+    "delete reply favor failed": "删除回复点赞失败",
+    "get replies failed": "获取回复列表失败"
+  },
+  "en-US": {
+    "not found": "no data",
+    "auth failed": "please log in first",
+    "create comment failed": "Failed to create comment",
+    "comment favor failed": "Comment likes failure",
+    "delete comment favor failed": "评论取消点赞失败",
+    "get comments failed": "Comment cancels praise failure",
+    "create reply failed": "Create reply failed",
+    "reply favor failed": "Reply to praise failed",
+    "delete reply favor failed": "Delete reply clicks failed",
+    "get replies failed": "Failed to get reply list"
+  }
+};
+
 class App extends Component {
   constructor(props) {
     super(props);
@@ -119,13 +146,15 @@ class App extends Component {
   }
 
   errorHandler(error) {
+    const { locale } = this.state;
+    const localResponse = LOCALES_RESPONSE[locale];
     if (error.response && error.response.data && error.response.data.msg) {
-      this.error(lang[error.response.data.msg] || ERROR_DEFAULT, {
+      this.error(localResponse[error.response.data.msg] || ERROR_DEFAULT, {
         response: error.response
       });
       return;
     }
-    this.error(lang[error.message] || ERROR_DEFAULT, {
+    this.error(localResponse[error.response.data.msg] || ERROR_DEFAULT, {
       response: error.response
     });
   }
@@ -174,7 +203,7 @@ class App extends Component {
             total
           });
         } else {
-          message.info("没有更多评论了");
+          message.info(intl.get("message.noMoreComment"));
           this.setState({
             isNoMoreComment: true
           });
@@ -196,7 +225,7 @@ class App extends Component {
       .get(`${API}/replies?comment_id=${commentId}&page=${page}&limit=${LIMIT}`)
       .then(response => {
         if (!response.data.list) {
-          message.info("没有更多数据了！");
+          message.info(intl.get("message.noMoreData"));
         }
         const list = this.state.list.map(item => {
           if (item.id === commentId) {
@@ -233,7 +262,7 @@ class App extends Component {
    * @param {object} {content} comment content
    */
   sCreateComment({ content } = {}, cb) {
-    if (!content) return this.error("评论内容不能为空 ");
+    if (!content) return this.error(intl.get("message.notNull"));
     this.handleChangeLoading("sCreateComment", true);
     const { API, type, businessId } = this.props;
     this.axios(`${API}/comments`, {
@@ -247,7 +276,7 @@ class App extends Component {
     })
       .then(response => {
         if (this.props.showAlertComment) {
-          message.success("评论成功！");
+          message.success(intl.get("message.success"));
         }
         if (isFunction(cb)) cb();
         // 将数据写入到 list 中
@@ -293,7 +322,7 @@ class App extends Component {
    * @param {object} data { comment_id, content, [reply_id] }
    */
   sCreateReply(data, cb) {
-    if (!data.content) return this.error("回复内容不能为空 ");
+    if (!data.content) return this.error(intl.get("message.replyNoNull"));
     this.handleChangeLoading("sCreateReply", true);
     const { API } = this.props;
     this.axios(`${API}/replies`, {
@@ -303,7 +332,7 @@ class App extends Component {
     })
       .then(response => {
         if (this.props.showAlertReply) {
-          message.success("回复成功！");
+          message.success(intl.get("message.replySuccess"));
         }
         if (isFunction(cb)) cb();
         // 将数据写入到 list 中
@@ -371,7 +400,11 @@ class App extends Component {
     })
       .then(response => {
         if (this.props.showAlertFavor) {
-          message.success(favored ? "取消点赞成功！" : "点赞成功！");
+          message.success(
+            favored
+              ? intl.get("message.cancelLickSuccess")
+              : intl.get("message.likeSuccess")
+          );
         }
         // 更新 list 中的该项数据的 favored
         const list = this.state.list.map(item => {
@@ -406,7 +439,11 @@ class App extends Component {
       withCredentials: true
     })
       .then(response => {
-        message.success(favored ? "取消点赞成功！" : "点赞成功！");
+        message.success(
+          favored
+            ? intl.get("message.cancelLickSuccess")
+            : intl.get("message.likeSuccess")
+        );
         // 更新 list 中的该项数据的 favored
         const list = this.state.list.map(item => {
           if (item.id === commentId) {

src/lang/en-US.js

@@ -23,7 +23,16 @@ const USdata = {
   "popConfirm.title": "Sure?",
   "popConfirm.ok": "Ok",
   "popConfirm.cancel": "Cancel",
-  "popConfirm.delete": "Delete"
+  "popConfirm.delete": "Delete",
+
+  "message.noMoreComment": "no more comment",
+  "message.noMoreData": "no more data",
+  "message.notNull": "comment not null",
+  "message.success": "comment success",
+  "message.replyNoNull": "reply not null",
+  "message.replySuccess": "reply success",
+  "message.cancelLickSuccess": "cancel like success",
+  "message.likeSuccess": "like success"
 };
 
 export default USdata;

src/lang/zh-CN.js

@@ -22,7 +22,16 @@ const CNdata = {
   "popConfirm.title": "确定要删除吗",
   "popConfirm.ok": "确定",
   "popConfirm.cancel": "取消",
-  "popConfirm.delete": "删除"
+  "popConfirm.delete": "删除",
+
+  "message.noMoreComment": "没有更多评论了",
+  "message.noMoreData": "没有更多数据了！",
+  "message.notNull": "评论内容不能为空",
+  "message.success": "评论成功！",
+  "message.replyNoNull": "回复内容不能为空",
+  "message.replySuccess": "回复成功！",
+  "message.cancelLickSuccess": "取消点赞成功！",
+  "message.likeSuccess": "点赞成功！"
 };
 
 export default CNdata;