自定义hooks获取本地时间

对获取到的本地时间我们可以封装一个方法,可以获取自定义格式的日期格式,可自定义精确到年月日时分秒。

 

export const useTime = () => {

    const [year, setYear] = useState(0); // 年份

    const [month, setMonth] = useState(0); // 月份

    const [week, setWeek] = useState(""); // 星期几

    const [day, setDay] = useState(0); // 天数

    const [hour, setHour] = useState<number | string>(0); // 小时

    const [minute, setMinute] = useState<number | string>(0); // 分钟

    const [second, setSecond] = useState<number | string>(0); // 秒

    const [nowTime, setNowTime] = useState<string>(""); // 当前时间



    // 更新时间

    const updateTime = () => {

        const date = new Date();

        setYear(date.getFullYear());

        setMonth(date.getMonth() + 1);

        setWeek("日一二三四五六".charAt(date.getDay()));

        setDay(date.getDate());

        setHour(

            (da
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
回答: React自定义Hooks是一种将组件逻辑提取到可重用的函数中的方式。它遵循一些规则,比如只能在最顶层使用Hooks,不能在循环、条件或嵌套中调用Hooks。同时,Hooks应该只在React函数(React函数组件、自定义Hooks组件)中使用,而不是在普通的JavaScript函数中使用。通过定义自定义Hooks,我们可以方便地封装逻辑,并在多个组件中复用。一个例子是使用自定义Hooks来设置网页标题。通过在组件中调用useTitle自定义Hooks,我们可以将页面的标题设置为指定的值,并且在组件卸载时将标题重置为默认值。另一个例子是使用自定义Hooks实现倒计时功能。通过定义一个useCountDown自定义Hooks,我们可以实时返回剩余时间,并在指定时间到达时执行回调函数。自定义Hooks是React中非常强大和灵活的功能,可以帮助我们更好地组织和复用组件逻辑。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [react 自定义hook](https://blog.csdn.net/weixin_38318244/article/details/123908672)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [react 中如何自定义hooks](https://blog.csdn.net/DDAD9527/article/details/121341862)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值