Javascript 不变冲突：元素类型无效：应为字符串（对于内置组件）或类/函数 为了编写单元测试用例，我导出了我的类SportsTopPortion 但我面临以下错误 我在谷歌上搜索了这个错误，找到了下面的链接 我浏览了链接，但不确定如何修复它 在下面提供我的代码，整个代码可以在fiddle中找到 /* 公开非连接组件以进行单元测试 */ 出口{SportsTopPortion}； 导出默认连接（状态=>({ sportsAuthentication:state.template.sportsAuthentication， 运动员：state.template.sportsPlayers， sportsUpperBar:state.template.sportsUpperBar }))（体育项目占比）； -即使我改变了类语法，但仍然不起作用 让SportsTopPortion=React.createClass({ getInitialState（）{ 返回{ 致残动画：错误， isAuthenticationFlowActive:false， MobileMoupen:错误 }; }, /*类SportsTopPortion扩展了React.Component{ 建造师（道具）{ 超级（道具）； 此.state={ 致残动画：错误， isAuthenticationFlowActive:false， MobileMoupen:错误 }; }* **错误**

警告：React.createElement:类型不应为null、未定义、布尔或数字。它应为字符串（对于DOM元素）或ReactClass（对于复合组件）。 C:\sports whole page\node\u modules\fbjs\lib\invariant.js:45 投掷误差； ^

错误：不变冲突：元素类型无效：需要字符串（对于内置组件）或类/函数（对于复合组件），但得到：对象。 at invariant（C:\sports whole page\node\u modules\fbjs\lib\invariant.js:39:15） 在InstanceReactComponent（C:\sports whole page\node\u modules\react\lib\instanceReactComponent.js:64:134） 在InstanceChild（C:\sports whole page\node\u modules\react\lib\ReactChildReconciler.js:29:28） 在traverseAllChildrenImpl（C:\sports whole page\node\u modules\react\lib\traverseAllChildren.js:98:5） 在traverseAllChildrenImpl（C:\sports whole page\node\u modules\react\lib\traverseAllChildren.js:114:23） 在traverseAllChildren（C:\sports whole page\node\u modules\react\lib\traverseAllChildren.js:186:10） 在Object.ReactChildReconciler.instanceChildren（C:\sports whole page\node\u modules\react\lib\ReactChildReconciler.js:52:5） 在ReactDOMComponent.ReactMultiChild.Mixin.\u ReconciderInstanceTechChildren（C:\sports whole page\node\u modules\react\lib\ReactMultiChild.js:197:41） 位于ReactDOMComponent.ReactMultiChild.Mixin.mountChildren（C:\sports whole page\node\u modules\react\lib\ReactMultiChild.js:232:27） 在ReactDOMComponent.Mixin.\u createContentMarkup（C:\sports whole page\node\u modules\react\lib\ReactDOMComponent.js:591:32） 位于ReactDOMComponent.Mixin.mountComponent（C:\sports whole page\node\u modules\react\lib\ReactDOMComponent.js:479:29） 在Object.ReactReconciler.mountComponent（C:\sports whole page\node\u modules\react\lib\ReactReconciler.js:37:35） 位于[object object].ReactCompositeComponentMixin.mountComponent（C:\sports whole page\node\U modules\react\lib\ReactCompositeComponent.js:225:34） 在[object object].wrapper[as mountComponent]（C:\sports whole page\node\u modules\react\lib\ReactPerf.js:66:21） 在Object.ReactReconciler.mountComponent（C:\sports whole page\node\u modules\react\lib\ReactReconciler.js:37:35）

---

位于[object object].ReactCompositeComponentMixin.mountComponent（C:\sports whole page\node\U modules\react\lib\ReactCompositeComponent.js:225:34）

请将您的帖子的格式设置得更好，因为它很难按原样阅读。此外，当您尝试使用卷曲导入默认导出类时，通常会发生此错误：您正在执行

从“…”导入{sportclass}的导入操作，而不是
从“…”导入{sportclass}；
@ZekeDroid您能在我的小提琴中更新吗（…我试过格式化..它在SSTACK中不起作用不，同样令人困惑的是，还有一些信息丢失了，比如测试。相反，在这里发布测试。另外，也许可以阅读一下如何正确格式化SO中的代码。一旦你学会了语法，就不难了。@ZekeDroid嘿，我格式化了代码…错误不在我的测试中…它在我的js文件中```导出{SportsTopPortion}；``你能告诉我如何修复它吗？我尝试了各种方法：（很明显，这与你的
propTypes
有关。回到你的源代码，一个接一个地删除它们，直到你看到一个乱七八糟的。然后修复它。