解決方案 JAVASCRIPT：
如何創建使用 React 16 構建“點贊按鈕”組件。該組件應該是默認匯出（使用匯出默認值）。
點擊這里圖片
uj5u.com熱心網友回復：
就個人而言，我更喜歡使用函式式組件而不是使用基于類的組件。您的問題的一種解決方案可能是以下代碼。
import React, { useState } from 'react';
const LikeButton = () => {
const [likes, setLikes] = useState(100);
const [isClicked, setIsClicked] = useState(false);
const handleClick = () => {
if (isClicked) {
setLikes(likes - 1);
} else {
setLikes(likes 1);
}
setIsClicked(!isClicked);
};
return (
<button className={ `like-button ${isClicked && 'liked'}` } onClick={ handleClick }>
<span className="likes-counter">{ `Like | ${likes}` }</span>
</button>
);
};
export default LikeButton;
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/470435.html
標籤：javascript 反应 按钮 柜台 样式化组件
上一篇：如何在按鈕的中心添加兩條線