当前位置: 首页 > 面试题库 >

如何检测React组件与React元素?

籍兴文
2023-03-14
问题内容

React.isValidElement对React组件和React元素均测试为true。我将如何具体测试对象是React组件?目前,我正在通过测试进行操作typeof obj.type === 'function',但我希望有更好的方法。


问题答案:
ReactComponent.prototype.isReactComponent = {};

使用npm安装。在这一点上,没有直接的方法可用来检查其有效性。你在做什么是正确的。



 类似资料:
  • 问题内容: 我正在寻找一种检测点击事件是否在组件外部发生的方法。jQuery最近的()用于查看click事件中的目标是否具有dom元素作为其父元素之一。如果存在匹配项,则单击事件属于子项之一,因此不被视为在组件之外。 因此,在我的组件中,我想将单击处理程序附加到窗口。当处理程序触发时,我需要将目标与组件的dom子代进行比较。 click事件包含“path”之类的属性,该属性似乎包含事件经过的dom

  • 问题内容: 我希望能够弄清楚哪些React组件与某个DOM元素相关联。 例如,假设我有一个div,并且正在使用React渲染整个应用程序。div必须由React组件呈现-但是哪一个呢? 我知道React提供了方法“ getDOMNode ”来获取与React组件相关联的DOM节点,但是我想做相反的事情。 这可能吗? 问题答案: 没有。 React中的中心概念是您实际上在DOM中没有控件。相反,您的

  • 问题内容: 使用此答案中的代码来解决在组件外部单击的问题: 我不知道如何对不愉快的道路进行单元测试,以使警报不会运行,到目前为止,我得到了什么: 我试过了: 通过发送 节点并发送通过(不模拟) 荷兰国际集团在元件内部(不触发事件侦听器) 我确定我缺少一些小东西,但是我在任何地方都找不到这样的例子。 问题答案: import { mount } from ‘enzyme’ import React

  • 我是React.js的新手。在试图理解React中的生命周期时,我偶然发现了组件WillReceiveProps。即使我掌握了其他功能,我仍然无法确定组件是否会接收道具。我创建了一个小片段,每次单击按钮时,我都会递增变量“val”。当val变为5的倍数时,我想更改“递增”的值,但我无法这样做。 我的代码是: 有线索吗?提前谢谢

  • 使用此答案中的代码解决单击组件外部的问题: 我不知道如何对不愉快的路径进行单元测试,以使警报不运行,目前为止我得到了什么: 我尝试过: 通过

  • 问题内容: 我正在使用Mocha,Chai,Karma,Sinn,Webpack进行单元测试。 我通过此链接为React-Redux Code配置了我的测试环境。 如何在React with Karma,Babel和Webpack上实现测试+代码覆盖率 我可以成功地测试动作和reducers的javascript代码,但是当涉及到测试我的组件时,它总是会抛出一些错误。 上面的代码出现了以下错误。