From b06e2567b6a9112114a1be673b7c18598865ed5c Mon Sep 17 00:00:00 2001
From: zxyao <zxyao145@gmail.com>
Date: Mon, 6 Jul 2020 16:03:12 +0800
Subject: [PATCH] docs(comment): like and dislike number event binding #25437
 (#25444)

* fix(comment): like and dislike number cursor style(#25437)

* docs: modify like and dislike DOM order and onclick event binding

* fix: key missing for actions array

* fix: add test snapshot

* fix: modify test snapshot
---
 .../__tests__/__snapshots__/demo.test.js.snap |  2 --
 components/comment/demo/basic.md              | 28 ++++++++-----------
 2 files changed, 12 insertions(+), 18 deletions(-)

diff --git a/components/comment/__tests__/__snapshots__/demo.test.js.snap b/components/comment/__tests__/__snapshots__/demo.test.js.snap
index f729c80552..80f5d689e1 100644
--- a/components/comment/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/comment/__tests__/__snapshots__/demo.test.js.snap
@@ -56,7 +56,6 @@ exports[`renders ./components/comment/demo/basic.md correctly 1`] = `
               aria-label="like"
               class="anticon anticon-like"
               role="img"
-              tabindex="-1"
             >
               <svg
                 aria-hidden="true"
@@ -86,7 +85,6 @@ exports[`renders ./components/comment/demo/basic.md correctly 1`] = `
               aria-label="dislike"
               class="anticon anticon-dislike"
               role="img"
-              tabindex="-1"
             >
               <svg
                 aria-hidden="true"
diff --git a/components/comment/demo/basic.md b/components/comment/demo/basic.md
index 1149eca55e..eba3b95bae 100644
--- a/components/comment/demo/basic.md
+++ b/components/comment/demo/basic.md
@@ -37,22 +37,18 @@ const Demo = () => {
   };
 
   const actions = [
-    <span key="comment-basic-like">
-      <Tooltip title="Like">
-        {createElement(action === 'liked' ? LikeFilled : LikeOutlined, {
-          onClick: like,
-        })}
-      </Tooltip>
-      <span className="comment-action">{likes}</span>
-    </span>,
-    <span key="comment-basic-dislike">
-      <Tooltip title="Dislike">
-        {React.createElement(action === 'disliked' ? DislikeFilled : DislikeOutlined, {
-          onClick: dislike,
-        })}
-      </Tooltip>
-      <span className="comment-action">{dislikes}</span>
-    </span>,
+    <Tooltip key="comment-basic-like" title="Like">
+      <span onClick={like}>
+        {createElement(action === 'liked' ? LikeFilled : LikeOutlined)}
+        <span className="comment-action">{likes}</span>
+      </span>
+    </Tooltip>,
+    <Tooltip key="comment-basic-dislike" title="Dislike">
+      <span onClick={dislike}>
+        {React.createElement(action === 'disliked' ? DislikeFilled : DislikeOutlined)}
+        <span className="comment-action">{dislikes}</span>
+      </span>
+    </Tooltip>,
     <span key="comment-basic-reply-to">Reply to</span>,
   ];