Reactjs React.js检查组件是否存在

我有一个组件列表，我想实时查看组件是否存在

例如，我有一个形状列表（它们是组件）：

Circle

，

Square

等等

我希望用户可以检查组件是否存在，所以我想可能需要执行

React.isElementValid（userInput）

：

例如：

if（React.isValidElement（'Shape'））{
console.log（“True！”）；
}

但它似乎是

元素！=部件

根据以下内容：

---

我该怎么做呢？

您正在检查字符串

是否是React元素，而不是

React.isValidElement(Shape); // false, it's a function
React.isValidElement(<Shape />); // true
React.isValidElement('Shape'); // false, it's a string

React.isValidElement（形状）；//错，这是一个函数
React.isValidElement（）；//真的
React.isValidElement（'Shape'）；//错，这是一个字符串

如果您想检查给定值是否是<强>组件< /强>，您应该考虑所有可能的值，如“代码> null <代码>，<代码>未定义< /COD>，<代码>真< /代码>，任何<代码>字符串< /代码>类型>

• 看到和

---

还要注意，ReactElement是元素。

您正在检查字符串

是否是React元素，而不是

React.isValidElement(Shape); // false, it's a function
React.isValidElement(<Shape />); // true
React.isValidElement('Shape'); // false, it's a string

React.isValidElement（形状）；//错，这是一个函数
React.isValidElement（）；//真的
React.isValidElement（'Shape'）；//错，这是一个字符串

如果您想检查给定值是否是<强>组件< /强>，您应该考虑所有可能的值，如“代码> null <代码>，<代码>未定义< /COD>，<代码>真< /代码>，任何<代码>字符串< /代码>类型>

• 看到和

---

还要注意的是，ReactElement是一个元素。

“但它看起来像元素！=组件”，为什么？请给出一些可生产的例子@DennisVash编辑了我的问题，“但它看起来像元素！=组件”，为什么？请给出一些可生产的例子@DennisVash编辑了我的问题。那个么我如何动态检查组件是否存在呢？从用户输入来看，您没有描述用户输入是什么。。。您是否希望编写

Shape

并解析它是否是页面上呈现的组件？这样您就可以创建所有呈现组件的数组并进行相应的筛选。那么我如何动态检查组件是否存在？从用户输入来看，您没有描述用户输入是什么。。。您是否希望编写

Shape

并解析它是否是页面上呈现的组件？这样您就可以创建所有呈现组件的数组并进行相应过滤。