React Hooks useState api的用法

武飞扬头像

Aaron_1127

2024-04-18 帮助1人

利用hooks中的useState实现一个点赞按钮

创建一个react项目可以参考：

https://blog.csdn.net/weixin_43398820/article/details/123776338

在src目录下新建一个components–>LikeButton.tsx文件

import react,{useState} from 'react';

const LikeButton: react.FC = ()=>{
    //like为一个变量默认值为0，setLike更新like的函数
    const [like,setLike] = useState(0);

    return (
        <button onClick={()=>{setLike(like 1)}}>
            {like} 赞
        </button>
    )
}

export default LikeButton;

在app.tsx文件中引入组件

学新通

运行效果：
初始点赞数量为0点击按钮数字增加

这篇好文章是转载于：学新通技术网

版权申明：本站部分内容来自互联网，仅供学习及演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，请提供相关证据及您的身份证明，我们将在收到邮件后48小时内删除。
本站站名：学新通技术网
本文地址： /boutique/detail/tanhgcbgia

系列文章

同类精品