ReactNativeJS: Expected a component class, got [object Object].

最新推荐文章于 2020-12-20 02:36:25 发布
原创 最新推荐文章于 2020-12-20 02:36:25 发布 · 351 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了JavaScript中关于大小写敏感的问题。作者在使用service组件时遇到了错误提示，经过排查发现是因为在导入和使用该组件时名称的小写形式导致。通过将service改为大写，问题得以解决。

今天遇到这个错误，网上都说控件小写造成的，但是我查了下，我用的都是大写，没问题啊，但是查了半天才发现

import  service from './Service

这里service 小写了
跳转时

 <service {...this.props}/>

结果就报错了。改成大写的就可以

【Vue】从列表跳转到详情页报错：Invalid prop: type check failed for prop “disabled“. Expected Boolean, got String.
陶洲川的博客
01-03 1761
一、问题 1.1、环境 电脑环境：Windows 10； 开发工具：IntelliJ IDEA； 数据库环境：Mysql 5.1.6 JDK环境: Jdk1.8； 1.2、问题 【Vue】从列表跳转到详情页报错：Invalid prop: type check failed for prop “disabled”. Expected Boolean, got String. 二、解答 1、在列表页传值代码： 我通过vue中的路由传参： this.$router.push({ path:'',//英文单引号
Rreact Native 常见错误总结
热门推荐
jj120522的专栏
07-25 2万+
Rreact Native 常见错误总结
Expected a component class,got[object Object]
李浩然的专栏
04-10 3721
引用的组件首字母应该大写  小写就会造成错误  Expected a component class,got[object Object] import React, { Component } from 'react'; import { AppRegistry, StyleSheet, TextInput, TouchableOpacity, ScrollView,
expected a component class,got[object object]
qiuqi12的博客
05-31 723
react native 启动直接是红色页面报错
Expected a component class, got [object Object]
松烟入墨
09-06 366
React Native 中遇到：expected a component class, got [object Object] 导入其他组件的时候，命名首字母要大写import setting from './setting'//错误import Setting from './setting'//正确
react native:Expected a component class,got [Object Object ]
umsour的博客
03-22 296
var headerView = require('../Component/KHScrollView'); 引用类的名字改成大写 var headerView = require('../Component/KHScrollView');
引入react文件报错_React Native常见问题(一)
weixin_39841136的博客
12-20 712
以下是在开发产品3个月以来遇到多的问题,希望可以帮助到遇到同样问题的小伙伴们一 node端口被占用(找不到入口):lsof -i:3009:查看所有3009端口kill -9 14937 干掉14937 FIDnpm installnpm start二 iOS 图片获取不到在Info.plist中添加NSAppTransportSecurity类型Dictionary。在NSAppTranspor...
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. Check the render method of `Home`.
04-29
当在 React 中使用 TypeScript 并遇到错误 `Element type is invalid: expected a string or a class/function but got: object` 时，通常是因为组件导入方式不正确或组件未被正确定义和导出。以下是具体分析以及...
Download the React DevTools for a better development experience: https://react.dev/link/react-devtools react-dom-client.development.js:4259 Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. at createFiberFromTypeAndProps (react-dom-client.development.js:4259:1) at createFiberFromElement (react-dom-client.development.js:4273:1) at reconcileChildFibersImpl (react-dom-client.development.js:7866:1) at react-dom-client.development.js:8057:1 at reconcileChildren (react-dom-client.development.js:8619:1) at beginWork (react-dom-client.development.js:10879:1) at runWithFiberInDEV (react-dom-client.development.js:1518:1) at performUnitOfWork (react-dom-client.development.js:15130:1) at workLoopSync (react-dom-client.development.js:14956:1) at renderRootSync (react-dom-client.development.js:14936:1) createFiberFromTypeAndProps @ react-dom-client.development.js:4259 createFiberFromElement @ react-dom-client.development.js:4273 reconcileChildFibersImpl @ react-dom-client.development.js:7866 (匿名) @ react-dom-client.development.js:8057 reconcileChildren @ react-dom-client.development.js:8619 beginWork @ react-dom-client.development.js:10879 runWithFiberInDEV @ react-dom-client.development.js:1518 performUnitOfWork @ react-dom-client.development.js:15130 workLoopSync @ react-dom-client.development.js:14956 renderRootSync @ react-dom-client.development.js:14936 performWorkOnRoot @ react-dom-client.development.js:14462 performWorkOnRootViaSchedulerTask @ react-dom-client.development.js:16216 performWorkUntilDeadline @ scheduler.development.js:45 <StrictMode> exports.jsxDEV @ react-jsx-dev-runtime.development.js:336 ./src/index.tsx @ index.tsx:10 options.factory @ react refresh:37 __webpack_require__ @ bootstrap:22 (匿名) @ startup:7 (匿名) @ startup:7 index.tsx:11 An error occurred in the <StrictMode> component. Consider adding an error boundary to your tree to customize error handling behavior. Visit https://react.dev/link/error-boundaries to learn more about error boundaries. defaultOnUncaughtError @ react-dom-client.development.js:8283 logUncaughtError @ react-dom-client.development.js:8352 runWithFiberInDEV @ react-dom-client.development.js:1518 lane.callback @ react-dom-client.development.js:8382 callCallback @ react-dom-client.development.js:5363 commitCallbacks @ react-dom-client.development.js:5377 runWithFiberInDEV @ react-dom-client.development.js:1518 commitLayoutEffectOnFiber @ react-dom-client.development.js:12709 flushLayoutEffects @ react-dom-client.development.js:15553 commitRoot @ react-dom-client.development.js:15402 commitRootWhenReady @ react-dom-client.development.js:14652 performWorkOnRoot @ react-dom-client.development.js:14575 performWorkOnRootViaSchedulerTask @ react-dom-client.development.js:16216 performWorkUntilDeadline @ scheduler.development.js:45 <...> exports.jsxDEV @ react-jsx-dev-runtime.development.js:336 ./src/index.tsx @ index.tsx:11 options.factory @ react refresh:37 __webpack_require__ @ bootstrap:22 (匿名) @ startup:7 (匿名) @ startup:7为什么页面无显示
最新发布
05-27
例如，如果组件是默认导出，导入时应使用import Componentfrom './Component'，而如果是命名导出，则需要用import {Component }from './Component'。用户可能在某个组件文件中没有正确导出，导致其他组件导入时得到...
Invalid prop: type check failed for prop "options". Expected Array, got Object found in
09-07
Expected Array, got Object"，这意味着在传递给子组件的属性"options"的类型检查失败，期望的类型是数组，但实际上传递了一个对象。 为了解决这个问题，我们需要对父组件和子组件的代码进行检查。首先，需要确认...
react native报错：Expected a component class,got[object object]
铁柱的博客
12-26 791
正在写RN的视图部分，突然模拟器报错：Expected a component class,got[object object]。找也找不到原因。后来才发现是自己粗心大意造成的。错误代码： <view> <Text style={sscStyle.content_text_title}> 我的订单 </Text>
React Native 性能优化之可取消的异步操作
fengyuzhengfan的专栏
09-08 6795
React Native 性能优化之可取消的异步操作本文出自《React Native 研究与实践》系列文章。概述在项目开发中离不了的需要进行一些异步操作，这些异步操作在改善用户体验的同时也带来了一些性能隐患。
ajax请求后的返回结果显示[object Object]的原因
IT_townlet的博客
03-09 1万+
今天在进行ajax处理返回结果的时候发现返回打印的值显示是msg:[object Object]，这谁能忍，然后就从前端请求到后端返回的格式一遍一遍检查各种参数，发觉也没有太大问题，最后经万能的度娘才明白 如果我们的代码中有加号运行符，在这种情况下，会先调用toString()方法，将其他类型的东西转化为字符串，再和原始字符串拼接成一个字符串。 所以直接输出返回的对象即可，不要再加一些别的内容拼...
react-native遇到的坑，及解决方法
u010500895的专栏
06-13 1万+
在react-native 0.26.0 版本 1. 引入头文件 var  类名 ＝ './类名' 会报Super expression must either be null or a function, not undefined  解决方法 export const 类名 ＝ './类名'; 2. 添加tabBar 时添加 selected = { this.state.sel
菜鸟点滴--error: #130: expected a "{"
mgh99688的专栏
10-09 6098
发现keil一直有个错误 ..\Hardware\sys_power_ctrl\sys_power_ctrl.c(5): error:  #130: expected a "{" ..\Hardware\sys_power_ctrl\sys_power_ctrl.c:   void sys_power_ctrl(void)  反复调试过几次，原因如下： .h头文件中，
java反射invoke方法的使用
豌豆的专栏
03-26 2万+
invoke 主要是用来调用某个类中的方法的，但是他不是通过当前类直接去调用而是通过反射的机制去调用。 在这之前我们先新建一个实体类，一会会用到。 public class TestMode { private static final String TAG = "TestMode"; private int age; String name; int...
android 中assets的作用和用法
豌豆的专栏
12-05 1万+
1.assets目录和res区别                Android系统为每个新设计的程序提供了/assets目录，这个目录保存的文件可以打包在程序里。/res和/assets的不同点是，android不为/assets下的文件生成ID。如果使用/assets下的文件，需要指定文件的路径和文件名。  2.assets简介      assets类资源放在工程根目录的
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值