小编Vik*_*hat的帖子

如何将时间格式化为 dayjs 对象?

我有以下代码


import dayjs from 'dayjs'

const abc = dayjs("09:00:00")
console.log(abc)

Run Code Online (Sandbox Code Playgroud)

控制台中的 abc 是

无效日期

我怎样才能使它成为一个有效的日期,条件是输入始终采用“09:00:00”格式

javascript reactjs dayjs

15
推荐指数
2
解决办法
4万
查看次数

使用 Typescript 时如何更新 Next-auth 中会话回调中的会话类型

我正在使用打字稿,我的 [...next-auth].tsx 文件如下所示:

import NextAuth, { Awaitable, Session, User } from "next-auth";
// import GithubProvider from "next-auth/providers/github";
import GoogleProvider from "next-auth/providers/google";

type ExtendedUserType = User & { username?: string; uid?: string };

export default NextAuth({
  // Configure one or more authentication providers
  providers: [
    GoogleProvider({
      clientId: process.env.GOOGLE_CLIENT_ID,
      clientSecret: process.env.GOOGLE_CLIENT_SECRET,
    }),
    // ...add more providers here
  ],
  pages: {
    signIn: "/auth/signin", // for custom sign in page
  },
  callbacks: {
    async session({ session, token, user }): Awaitable<Session> {
      (session.user as ExtendedUserType).username …
Run Code Online (Sandbox Code Playgroud)

authentication typescript next.js next-auth

12
推荐指数
1
解决办法
1万
查看次数

在生产环境中刷新页面后,Tailwind 类无法正常工作

问题陈述:

我有一个nextjs项目与tailwindcss. 在登录页面上,UI 在第一页加载时具有可用的必要类,但是如果我刷新页面,那么这些类就会从 DOM 中消失,并且 UI 会被破坏。

这是站点登录页面的部署链接

如何重现?

  1. 打开上面给出的链接,您会发现登录表单 UI看起来不错。

在此输入图像描述

  1. Ctrl+ R(刷新页面),您会发现登录 UI现在已损坏

在此输入图像描述

代码文件

tailwind.config.js

const colors = require('tailwindcss/colors')
const defaultTheme = require('tailwindcss/defaultTheme')

module.exports = {
    purge: {
        content:[
        './src/pages/**/*.js',
        './src/pages/**/*.ts',
        './src/pages/**/*.tsx',
        './src/design-system/**/*.js',
        './src/design-system/**/*.ts',
        './src/design-system/**/*.tsx',
        './src/components/**/*.js',
        './src/components/**/*.ts',
        './src/components/**/*.tsx'
    ],
    
    // options: {whitelist:['h-52', 'py-9', 'max-w-2xl', 'text-white', 'h-screen']}
},
    darkMode: false, // or 'media' or 'class'
    theme: {
        fontSize: {
            'xxs': '10px',
            'xs': '.75rem',
            'sm': '.875rem',
            'tiny': '.875rem',
            'base': '1rem',
            'lg': '1.125rem', …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs next.js tailwind-css css-purge

5
推荐指数
1
解决办法
1万
查看次数

如何检查 javaSript 中的对象数组中是否存在值?

例如。

[
    {
      x:1,
      y:2
     },
     {
       x:10,
       y:20
     },
]
Run Code Online (Sandbox Code Playgroud)

如何检查 x 是否存在于数组内的两个对象中?

期望的输出:

如果 x 不存在于数组中的一个对象中 ---> false
else ---->true

我曾尝试使用array.prototype.find()方法,但无法找到正确的逻辑来获得所需的输出。

javascript arrays object

0
推荐指数
1
解决办法
83
查看次数