小编M.A*_*azi的帖子

假设我有这个简单的组件，它运行良好：

import clsx from "clsx";
import React from "react";

interface HeadingProps
    extends React.DetailedHTMLProps<
        React.HTMLAttributes<HTMLDivElement>,
        HTMLDivElement
    > {
    tag?: string;
}

const Heading: React.FC<HeadingProps> = ({
    tag = "h2",
    className,
    children,
    ...props
}) => {
    const CustomTag = tag as keyof JSX.IntrinsicElements;
    return (
        <div className={clsx("heading-wrapper", className)} {...props}>
            <CustomTag className="heading">{children}</CustomTag>
        </div>
    );
};

export default Heading;

当我想使用 IntelliSense 时，如何告诉 TS 或 VSCode props 的优先级？
目前它按此顺序向我显示所有道具（按字母顺序排列）：

在这种情况下，我希望我的自定义道具（即 ）tag在我按下 时位于其他道具之上ctrl + enter。有什么办法可以做到吗？我的问题可能与 TypeScript 无关，而是 VSCode 编辑器本身。

我正在尝试设置一些应用于当前处于活动状态并在视口中的 swiper 幻灯片的 CSS 规则，但 swiper 滑块仅将swiper-slide-active类应用于一张幻灯片，而不是视口中的所有幻灯片。
我想要完成的就像光滑的旋转木马，例如，如果您有 3 张幻灯片处于活动状态，并且在视口中，它们将对slick-active所有幻灯片进行slick-current分类，并对当前活动的幻灯片进行分类。
有什么办法吗？出于某种原因，我不想切换到 Slick carousel，我正在寻找 Swiper 滑块的解决方案。顺便说一句，我已设置overflow: visible为<div class="swiper-container">
以下片段：https : //jsfiddle.net/3u05thve/