您可以使用区分并添加自定义类型

type EdgeType = 'all' | 'left' | 'right' | 'top' | 'bottom';

type Edge =
    | { edges: ['all'] }
    | { edges: Exclude<EdgeType, 'all'>[] }

type DndBoxProps = React.PropsWithChildren<{
    accepts?: any[];
    edgeConfig?: Edge;
}>;

export function DndBox(props: DndBoxProps) {
    return (
        <>
            {props.edgeConfig?.edges.map((edge) => {
                return <h3>{edge}</h3>
            })}
        </>
    )
}

这样<DndBox edgeConfig={{edges: ['all', 'left']}} />-将引发错误

感谢您的回复！我认为你的这个解决方案不够好。

edges={{edges:['bottom','bottom']} will silence

这和你的答案有相同的检查

type E =  "left" | "right" | "top" |  "bottom"

type DndBoxProps = React.PropsWithChildren<{
  accepts?: any[];

  edge?: ["all"] | E[] ;
}>;

我现在把它改成了

type DndBoxProps = React.PropsWithChildren<{
  accepts?: any[];
  top?: boolean;
  right?: boolean;
  bottom?: boolean;
  left?: boolean;
  
}>;