如何在react中使用onClick增加值

首先,您需要在组件的本地状态中存储当前的类似数量。通过这种方式,您可以只显示当前喜欢的数量,如果您更改了设置,react将自动更新显示 buttonLikes

const [buttonLikes, setButtonLikes] = useState(comment_likes)

然后您需要一个事件处理程序,它将增加相同的数量,并将您的更改发布到DB

    const handleClickLikeButton = (comment_id, user_id) => {
        setButtonLikes((prevValue) => prevValue + 1)
        LikeComment(comment_id, user_id)
    }

现在,您的显示逻辑将如下所示

   <button className="btn" onClick={handleButtonLike(comment_id, user_id)}>
      <div className="text">
        <i className="fas fa-thumbs-up"></i>
        <p>{buttonLikes}</p>
      </div>
    </button>