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

React包装器:React无法识别DOM元素上的“ staticContext”属性

鄢雅畅
2023-03-14
问题内容

我正在尝试围绕react-router-dom NavLink组件创建一个包装器组件。

我希望我的自定义组件接受所有NavLinks道具,并将它们代理到NavLink

但是,当我这样做时,我得到:

警告:React无法识别staticContextDOM元素上的prop。如果您有意让它作为自定义属性出现在DOM中,请将其拼写为小写staticcontext。如果您不小心从父组件传递了它,请将其从DOM元素中删除。

可在以下位置找到该问题的工作演示:

  • https://codesandbox.io/s/w0n49rw7kw

问题答案:

有一种克服方法是使用:

const { to, staticContext, ...rest } = this.props;

因此,您...rest将永远不会staticContext



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

  • 问题内容: 我正在尝试在使用Webpack时使用Jest / Enzyme测试React组件。 我有一个非常简单的测试@ 它要拾取的相对组件是: 但是,运行会导致失败: 有错误@ 测试文件引用第4行,该行是的导入,导致失败。堆栈跟踪显示第14行是失败的原因-仅仅是来自的render调用,这是我从未遇到过的挑战(该应用程序可从我的Webpack设置正确渲染)。 对于那些感兴趣的人(Webpack代码

  • 我已在全球范围内安装了react native cli: 然后运行: 我得到了以下结构: 当我运行react native run android时,我得到一个错误: 命令无法识别。你的意思是在一个本地项目中运行这个吗? 当我开始跑步时,我也会得到同样的结果。 反应原生-v 打印: 反应原生-cli: 0.2.0 反应原生:n/a-不在反应原生项目目录中 我做错了什么?

  • 问题内容: 我正在尝试让github在Angular工作。 在我看来,我想这样标记,因为我有很多画廊: 基本上,所有指令应该做的就是启动轮播。除非我使用ng-repeat,否则该指令可以完美运行。我猜指令正在处理ng-repeat之前加载。 没有人对如何解决此问题有任何想法,而无需为每种样式的滑块构建模板和指令? 非常感谢! 这是指令: 问题答案: 何时完成模型绑定或ng-repeat的Angul

  • 在React(Facebook的框架)中,我需要使用标准的属性呈现绑定到文本输入的标签元素。 e、 g.使用以下JSX: 但是,这会产生超文本标记语言,缺少属性所需的(和标准的)

  • 问题内容: 使用v0.13.0中引入的方法,我可以通过映射到来获取传递给父级的每个子组件的DOM节点。 但是,如果某些子项恰好是React Elements而不是Components(例如,其中一个子项是通过JSX创建的),则React会引发不变的违规错误。 挂载后,是否有一种方法可以获取每个子级的正确DOM节点,而不管该子级是什么类? 问题答案: 应该是一个ReactElement或一个Reac