From 094f0325d946a3dda58ec7a12ec1bb536c976b88 Mon Sep 17 00:00:00 2001
From: zkwolf <chenhao5866@gmail.com>
Date: Wed, 6 Nov 2019 21:30:26 -0600
Subject: [PATCH] fix: comment render nest style bug (#1389)

---
 .../comment/__tests__/__snapshots__/demo.test.js.snap       | 4 ++--
 components/comment/index.jsx                                | 6 ++----
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/components/comment/__tests__/__snapshots__/demo.test.js.snap b/components/comment/__tests__/__snapshots__/demo.test.js.snap
index b619e1ed6f..a7ecb2f198 100644
--- a/components/comment/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/comment/__tests__/__snapshots__/demo.test.js.snap
@@ -124,7 +124,7 @@ exports[`renders ./components/comment/demo/nested.md correctly 1`] = `
       </ul>
     </div>
   </div>
-  <div class="undefined-nested">
+  <div class="ant-comment-nested">
     <div class="ant-comment">
       <div class="ant-comment-inner">
         <div class="ant-comment-avatar"><span class="ant-avatar ant-avatar-circle ant-avatar-image"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" alt="Han Solo"></span></div>
@@ -141,7 +141,7 @@ exports[`renders ./components/comment/demo/nested.md correctly 1`] = `
           </ul>
         </div>
       </div>
-      <div class="undefined-nested">
+      <div class="ant-comment-nested">
         <div class="ant-comment">
           <div class="ant-comment-inner">
             <div class="ant-comment-avatar"><span class="ant-avatar ant-avatar-circle ant-avatar-image"><img src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" alt="Han Solo"></span></div>
diff --git a/components/comment/index.jsx b/components/comment/index.jsx
index 7f8b4e4372..39d698349d 100644
--- a/components/comment/index.jsx
+++ b/components/comment/index.jsx
@@ -30,9 +30,7 @@ const Comment = {
       const actionList = actions.map((action, index) => <li key={`action-${index}`}>{action}</li>);
       return actionList;
     },
-    renderNested(children) {
-      const { prefixCls } = this.$props;
-
+    renderNested(prefixCls, children) {
       return <div class={`${prefixCls}-nested`}>{children}</div>;
     },
   },
@@ -85,7 +83,7 @@ const Comment = {
     return (
       <div class={prefixCls} {...{ on: this.$listeners }}>
         {comment}
-        {children ? this.renderNested(children) : null}
+        {children ? this.renderNested(prefixCls, children) : null}
       </div>
     );
   },