小编Zso*_*ros的帖子

在 Material UI 中，显示图像的组件具有图像参数。例如：

<Avatar alt="Remy Sharp" src="/static/images/avatar/1.jpg" />\n

Next.js v10 中有一个新的Image自动缩放图像的组件：\xc2\xa0https://nextjs.org/docs/api-reference/next/image\xc2\xa0

有人知道如何Image在 Material UI 中使用新组件吗？

我想在加载图像时显示骨架。我尝试在 NextJS 提供的onLoad新Image组件中传递一个 prop，但该函数在加载图像之前触发。

这是我的代码

const [loaded, setLoaded] = useState(false);

<Image
  src={src}
  alt={""}
  className={styles.image_tag}
  onLoad={(e) => setLoaded(true)}
  style={{ opacity: loaded ? "1" : "0" }}
  layout={"fill"}
/>

{!loaded && (
  <Skeleton
    className={styles.skeleton}
    variant={"rect"}
    animation={"wave"}
  />
)}

我有一个关于在活动页面上设置锚组件样式的问题。

这是我的代码：

import Link from 'next/link';
import styled from 'styled-components';

const NavStyle = styled.nav`
    display: flex;
    justify-content: space-between;
    .nav-link a {
        text-decoration: none;
        color: white;
        padding: 10px;
        background-color: #FFCF00;
    }
`;

export default function Nav() {
    return (
        <NavStyle>
            <div className="nav-link">
                <Link href="/" passHref>
                    <a>HOME</a>
                </Link>
                <Link href="/pricing">
                    <a>PRICING</a>
                </Link>
                <Link href="/terms">
                    <a>TERMS</a>
                </Link>
                <Link href="/login">
                    <a>LOGIN</a>
                </Link>
            </div>
            <Link href="/">
                <a>LOGO</a>
            </Link>
        </NavStyle>
    )
}

我想要的是，当我单击链接并移动到另一个页面时，活动链接（与 URL 匹配）将具有绿色背景。我已经尝试过这个，但它没有任何改变：

const NavStyle = styled.nav`
    display: flex;
    justify-content: space-between;
    .nav-link a { …

我正在使用 Next.js 10.0.7 和 next-images 1.7，大图像需要几秒钟才能出现。

我正确使用了这些组件，您可以在下面看到，但我认为我的问题有一个解决方案。

<Image
   height="600"
   width="800"
   src={
     'https://myImageURL.png'
   }
   alt="my image"
/>

一些问题：

• 如果我将所有图像转换为 .webp 图像显示速度会更快吗？
• 这个问题有解决方案吗？

这是我第一次从 Discord 机器人中看到这个功能。我尝试到处寻找，但似乎失败了。Captcha.bot Discord 机器人提供了此功能，您可以通过 Discord 内的弹出窗口接受输入。

Captcha.bot 制作的嵌入消息中有一个按钮，您必须在其中回答验证码测试。按下按钮后，它会创建一个像这样的弹出窗口。

在验证码机器人上输入正确答案后，以下是体验的后果。

我想学习的是如何使用 Discord.js 召唤弹出窗口（如果可能的话）或者至少了解他们是如何做到的。

我正在使用ImageNext.js 中的组件（它是 Next.js 的一个新功能）。我试图提供源网址：

{`${API}/user/photo/${blog.postedBy.username}`}

但它向我展示了这个错误。我也改变了我的next.config.js作为

module.exports = {
    images: {
      domains: ['localhost'],
    },
  }

但没有什么对我有用。如果您对此有所了解，请提供帮助。

我在 Strapi 有记录。我正在使用 Strapi 内容 API。在我的前端，我只需要随机显示 2 条记录。为了进行限制，我使用了内容 API 的限制查询。但随机获取我需要使用的关键字。官方文档没有提供有关此的任何详细信息 - https://strapi.io/documentation/v3.x/content-api/parameters.html#available-operators

我有一个项目，我需要在表单中使用选择。所有其他类型的输入都有一个浅灰色的占位符。输入中输入的文本是黑色的。

表单的选择输入需要具有相同的样式。默认/占位符值需要以深灰色显示，用户可以选择的实际值需要以黑色显示。但是当我尝试为第一个（默认/占位符）选项指定不同的颜色时，它不使用这种颜色。它实际上继续使用选择元素中指定的颜色。

这是元素内的选择：

 <select
        type="text"
        name="carType"
        id="carType"
        v-model="carType"
        placeholder="Car Type"
        class="my-2 px-4 py-3 border rounded-lg text-black-primary focus:outline-none text-sm"
      >
        <option class="text-gray-400" value="" disabled selected>Select your option</option>
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="mercedes">Mercedes</option>
        <option value="audi">Audi</option>
</select>

我目前在 IIS 上部署 ASP.NET Core 程序时遇到问题，并且不知道如何修复它。有人能告诉我为什么吗？

我刚刚将 Discord.js 从 v13 更新到 v14，但有很多错误。

message和事件的错误interaction：

message事件也都没有发生interaction。

意图错误：

const client = new Client({
  intents: [
    Intents.FLAGS.GUILDS,
    Intents.FLAGS.GUILD_MESSAGES,
    Intents.FLAGS.GUILD_MESSAGE_REACTIONS,
  ],
});
//     Intents.FLAGS.GUILDS,
//            ^
//
// TypeError: Cannot read properties of undefined (reading 'FLAGS')

const client = new Client({
  intents: ['GUILDS', 'GUILD_MEMBERS', 'GUILD_MESSAGES'],
});
//    throw new RangeError(ErrorCodes.BitFieldInvalid, bit);
//
// RangeError [BitFieldInvalid]: Invalid bitfield flag or number: GUILDS.

s的错误interaction：

if (interaction.isCommand()) {}
// TypeError: interaction.isCommand is not a function

if …