小编kev*_*vin的帖子

为什么要指定函数返回类型?

大多数时候我读到我们应该尽可能多地使用类型推断。当编写函数时,我知道我们必须输入参数,因为它们无法推断,但为什么我们必须输入返回值?TypeScript 正在处理这个问题。显式键入函数的返回值有什么好处?到目前为止,我只读到我应该这样做,但没有人说为什么。

typescript

15
推荐指数
3
解决办法
8031
查看次数

在 Tailwind CSS 中使用悬停来定位子元素

我有一个父 div,里面有一个子图像元素。当我将鼠标悬停在父 div 上时,我希望子元素的 src 更改为不同的源。但我正在努力寻找一种方法来顺风做到这一点。

    <button className="flex flex-col items-center justify-center w-40 h-40 mx-12 transition ease-in-out rounded-full shrink-0 text-primary hover:text-white hover:bg-light">
        <div className="relative flex items-center justify-center w-20 h-20 mb-2">
            <Image src={icon} alt={`${title} icon`} />
        </div>
        <span className="text-xl text-center">{title}</span>
    </button>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

悬停时图像应变成白色(不同来源)。如何使用 Tailwind 做到这一点?

reactjs tailwind-css

3
推荐指数
1
解决办法
6792
查看次数

Safari 中未设置 Cookie

我有一个 nextjs 后端作为代理。它基本上将我的请求转发到另一个后端,并在收到响应后设置一个仅 http 的安全 cookie。这是代码:

const handler = (req: NextApiRequest, res: NextApiResponse) => {
    axios
        .post(`${process.env.NEXT_PUBLIC_API_BASE}/auth/login`, req.body)
        .then(response => {
            const expires = new Date(
                new Date().getTime() + response.data.expires_in
            );

            res.setHeader(
                "Set-Cookie",
                serialize("jwt", `${response.data.access_token}`, {
                    expires,
                    secure: true,
                    httpOnly: true,
                    sameSite: "none",
                    path: "/",
                })
            );

            res.send("succes");
        })
        .catch(err =>
            res.status(err.response.status).send({ message: err.message })
        );
};
Run Code Online (Sandbox Code Playgroud)

它在 Chrome 和 Firefox 中工作,但在 safari 中它没有设置任何 cookie。我尝试了这个samesite:none选项

cookies safari node.js next.js

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

标签 统计

cookies ×1

next.js ×1

node.js ×1

reactjs ×1

safari ×1

tailwind-css ×1

typescript ×1