如何验证传递的 prop 是否是 Svelte 中的组件类型？

Question

我有一个需要 afunction或 的道具Component。所以我想通过检查 prop 的类型来区分它是组件还是函数。我目前正在使用以下一种。当代码被混淆时，这可能在产品中不起作用。想知道更好的解决方案吗？

let isSvelteComponent = component => {
    return (
      typeof component !== "undefined" &&
      component.__proto__.name === "SvelteComponentDev"
    );
  };

Answer 1

我能够通过检查原型来解决这个问题，如下所示

import { SvelteComponent } from "svelte";
let isSvelteComponent = component => {
   return SvelteComponent.isPrototypeOf(component);
};