image为空时不渲染comment-item-image

lib/components/ContentItem/index.js

@@ -143,6 +143,8 @@ var CommentItem = function (_Component) {
         newContent = newContent.join("");
       }
 
+      var imageList = images.split(",");
+
       return _react2.default.createElement(
         "div",
         { className: "comment-item-box" },
@@ -181,10 +183,12 @@ var CommentItem = function (_Component) {
               __html: (0, _helper.renderContent)(this.renderTextWithReply(newContent, content))
             }
           }),
-          _react2.default.createElement(
+
+          // image为空时不渲染comment-item-image
+          imageList.length > 0 && imageList[0] !== '' && _react2.default.createElement(
             "div",
             { className: "comment-item-image" },
-            images.split(",").map(function (item, index) {
+            imageList.map(function (item, index) {
               return _react2.default.createElement("img", {
                 key: index,
                 src: item,

src/components/ContentItem/index.js

@@ -70,6 +70,8 @@ class CommentItem extends Component {
       newContent = newContent.join("");
     }
 
+    const imageList = images.split(",");
+
     return (
       <div className="comment-item-box">
         <div className="comment-item-left">
@@ -100,18 +102,22 @@ class CommentItem extends Component {
               )
             }}
           />
-          <div className="comment-item-image">
-            {images.split(",").map((item, index) => {
-              return (
-                <img
-                  key={index}
-                  src={item}
-                  alt={item}
-                  style={{ maxWidth: "100%" }}
-                />
-              );
-            })}
-          </div>
+          {// image为空时不渲染comment-item-image
+          imageList.length > 0 &&
+            imageList[0] !== "" && (
+              <div className="comment-item-image">
+                {imageList.map((item, index) => {
+                  return (
+                    <img
+                      key={index}
+                      src={item}
+                      alt={item}
+                      style={{ maxWidth: "100%" }}
+                    />
+                  );
+                })}
+              </div>
+            )}
           <div className="comment-item-bottom">
             {content.reply_count ? (
               <div>