feat: 添加 token/编辑器没有数据的时候，默认按钮 disabled

README.md

@@ -22,6 +22,7 @@ import Comment, { Editor } from 'comment';
 | showList | boolean |   true  | false     | 是否显示评论列表|
 | showEditor | boolean |   true  | false     | 是否显示评论输入框|
 | showHeader | boolean |   true  | false     | 是否显示评论顶部的提示|
+| token | string |     | false     | token，用于身份认证，非必须。默认使用 cookie|
 
 
 

src/App.js

@@ -1,7 +1,7 @@
 import React, { Component } from "react";
 import PropTypes from "prop-types";
 import { message, Tag } from "antd";
-import axios from "./axios";
+import axios from "axios";
 import { ERROR_DEFAULT, LIMIT } from "./constant";
 import { CommentContext } from "./Comment";
 import { isFunction } from "./helper";
@@ -37,6 +37,16 @@ class App extends Component {
     this.sOssSts = this.sOssSts.bind(this);
   }
 
+  componentWillMount() {
+    this.axios = axios;
+    this.axios.defaults.withCredentials = true;
+    if (this.props.token) {
+      this.axios.defaults.headers.common["Authorization"] = `Bearer ${
+        this.props.token
+      }`;
+    }
+  }
+
   componentDidMount() {}
 
   /**
@@ -56,7 +66,7 @@ class App extends Component {
   sGetComment({ page = 1 } = {}) {
     this.handleChangeLoading("sGetComment", true);
     const { API, type, businessId } = this.props;
-    axios
+    this.axios
       .get(
         `${API}/comments?type=${type}&business_id=${businessId}&page=${page}&limit=${LIMIT}`
       )
@@ -100,7 +110,7 @@ class App extends Component {
   sGetReply({ commentId, page = 1 } = {}) {
     this.handleChangeLoading("sGetReply", true);
     const { API } = this.props;
-    axios
+    this.axios
       .get(`${API}/replies?comment_id=${commentId}&page=${page}&limit=${LIMIT}`)
       .then(response => {
         if (!response.data.list) {
@@ -150,7 +160,7 @@ class App extends Component {
     if (!content) return message.error("评论内容不能为空 ");
     this.handleChangeLoading("sCreateComment", true);
     const { API, type, businessId } = this.props;
-    axios(`${API}/comments`, {
+    this.axios(`${API}/comments`, {
       method: "post",
       data: {
         type,
@@ -189,12 +199,11 @@ class App extends Component {
    * @param {object} data { comment_id, content, [reply_id] }
    */
   sCreateReply(data, cb) {
-    console.log("list: ", this.state.list);
-
+    // console.log("list: ", this.state.list);
     if (!data.content) return message.error("回复内容不能为空 ");
     this.handleChangeLoading("sCreateReply", true);
     const { API } = this.props;
-    axios(`${API}/replies`, {
+    this.axios(`${API}/replies`, {
       method: "post",
       data,
       withCredentials: true
@@ -238,7 +247,7 @@ class App extends Component {
   sCommentFavor(commentId, favored) {
     this.handleChangeLoading("sCommentFavor", true);
     const { API } = this.props;
-    axios(`${API}/comments/${commentId}/favor`, {
+    this.axios(`${API}/comments/${commentId}/favor`, {
       method: favored ? "delete" : "put",
       withCredentials: true
     })
@@ -277,8 +286,11 @@ class App extends Component {
     console.log("replyId, commentId ", replyId, commentId);
 
     const { API } = this.props;
-    axios(`${API}/replies/${replyId}/favor`, {
+    this.axios(`${API}/replies/${replyId}/favor`, {
       method: favored ? "delete" : "put",
+      daa: {
+        comment_id: commentId
+      },
       withCredentials: true
     })
       .then(response => {
@@ -314,7 +326,7 @@ class App extends Component {
   sOssSts() {
     this.handleChangeLoading("sOssSts", true);
     const { API } = this.props;
-    axios
+    this.axios
       .get(`${API}/oss/sts`)
       .then(response => {
         this.setState({ oss: { ...response.data } });

src/axios.js

@@ -1,5 +1,6 @@
 import axios from "axios";
 
 axios.defaults.withCredentials = true;
+axios.defaults.headers.common["Authorization"] = "Bearer ";
 
 export default axios;

src/components/Editor/index.js

@@ -116,6 +116,8 @@ class Editor extends React.Component {
     } = this.props;
 
     const handleSubmit = this.handleSubmit;
+    const disabledSubmit =
+      btnDisabled || (!this.props.value && !this.state.value);
     return (
       <div className="comment-editor">
         <TextArea
@@ -208,7 +210,7 @@ class Editor extends React.Component {
                 onClick={() => this.handleSubmit()}
                 type="primary"
                 loading={btnLoading}
-                disabled={btnDisabled}
+                disabled={disabledSubmit}
               >
                 {btnSubmitText}
               </Button>