Javascript ReactJS'；高阶组件错误："；“未知道具”；

昨天，我正在阅读关于高阶组件的React文档，并尝试使用它们的一些示例。但是，对我来说，它不起作用

这里是一个简单的HOC，我创建它只是为了包装另一个组件，看看它是如何工作的。但从一开始，它就不起作用

import React，{Component}来自'React'；
导出默认函数（enhacedComponent）{
类身份验证扩展组件{
建造师（道具）{
超级（道具）；
}
render（）{
返回；
}
}
返回验证；
}

它总是向我返回以下错误：

警告：标签上的未知道具'location'，'params'，'route'，'router'，'routeParams'，'routeParams'。从元件上取下这些支柱。

当我检查控制台中的HTML元素部分时，我发现这个HOC返回的实际值是

。所以包装好的部件从来没有出来过

因此，最终，包装的组件永远不会返回。只是HOC的参数的JSX版本

我认为，由于JSX只是另一种语法，传递纯JavaScript的唯一方法是使用

{}

，因此我尝试了这样做，但没有成功：

我真的不知道该做什么，也不知道我做错了什么

---

我正在使用。我将Webpack 2与Webpack dev server一起用作Windows 10上的工具。

React认为您试图将这些道具传递给DOM元素而不是React组件，这将导致未知道具错误。React将小写的camel解释为DOM元素，因此

enhacedComponent

应该是

enhacedComponent

更多信息请点击此处：