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