【React报错Failed prop type: Invalid prop `component` of type `object` supplied to `Route`, expected `function`】的更多相关文章

React报错Failed prop type: Invalid prop `component` of type `object` supplied to `Route`, expected `function`

引言 最近在忙毕业设计,博客也很久没更新了,毕业设计使用vue做了一个校园寻物网站,现在开始学Raect,记录一下自己遇到问题,react-redux的connect方法使得组件与Redux建立了联系,但是会出现一个警告,如下图: 原因 看警告可以知道 Route的compoent属性期望得到的是一个函数,而不是一个对象,我的index.js文件是这样的 解决 我们只要以函数的形式返回组件即可解决问题 注意 我是这个问题导致了这个警告,我还没碰到其他原因,如果有其他原因,还望不吝赐教.…

解决React路由跳转时出现的红色警告： Warning: Failed prop type: Invalid prop `component` of type `object` supplied to `Route`, expected `function`.

一.报警如图: 二.查找路由版本 我使用路由版本是4.3.1的,然后我测试所有4.0+版本都会出现以上警告. 三.未解决前的代码 三.我又解读了一下报警告内容的大致意思:就是props需要通过函数返回而不是对象.那是不是可以换种写法把props当作参数传递给路由呢.然后就尝试了一下props传的方式.果不其然不报警告了.…

Vue报错之"[Vue warn]: Invalid prop: type check failed for prop "jingzinum". Expected Number with value NaN, got String with value "fuNum"."

一.报错截图 [Vue warn]: Invalid prop: type check failed for prop "jingzinum". Expected Number with value NaN, got String with value "fuNum". 二.报错代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="U…

React报错之Property 'value' does not exist on type EventTarget

正文从这开始~ 总览 当event参数的类型不正确时,会产生"Property 'value' does not exist on type EventTarget"错误.为了解决该错误,将event的类型声明为React.ChangeEvent<HTMLInputElement> .然后就可以通过event.target.value 来访问其值. 这里有个示例用来展示错误是如何发生的. // App.tsx function App() { // ️ incorrect…

React报错之Property 'X' does not exist on type 'HTMLElement'

正文从这开始~ 总览 在React中,当我们试图访问类型为HTMLElement 的元素上不存在的属性时,就会发生Property 'X' does not exist on type 'HTMLElement'错误.为了解决该错误,在访问属性之前,使用类型断言来正确地类型声明元素. 这里有三个例子来展示错误是如何发生的. // App.tsx import {useEffect} from 'react'; export default function App() { useEffect((…

React报错之Property 'value' does not exist on type 'HTMLElement'

正文从这开始~ 总览 当我们试图访问一个类型为HTMLElement的元素上的value属性时,会产生"Property 'value' does not exist on type 'HTMLElement'"错误.为了解决该错误,在访问属性之前,使用类型断言将元素类型断言为HTMLInputElement. 这里有个示例用来展示错误是如何发生的. // App.tsx import {useEffect} from 'react'; export default function…

React报错之Parameter 'props' implicitly has an 'any' type

正文从这开始~ 总览 当我们没有为函数组件或者类组件的props声明类型,或忘记为React安装类型声明文件时,会产生"Parameter 'props' implicitly has an 'any' type"错误.为了解决这个错误,在你的组件中明确地为props对象设置一个类型. 安装类型文件 你首先要确定的是你已经安装了React类型声明文件.在项目的根目录下打开终端,并运行以下命令. # ️ with NPM npm install --save-dev @types/rea…

React报错之Parameter 'event' implicitly has an 'any' type

正文从这开始~ 总览 当我们不在事件处理函数中为事件声明类型时,会产生"Parameter 'event' implicitly has an 'any' type"错误.为了解决该错误,显示地为event参数声明类型.比如说,在input元素上,将处理change事件声明类型为React.ChangeEvent<HTMLInputElement> . 这里有个示例用来展示错误是如何发生的. // App.tsx function App() { // ️ Paramete…

Warning: Failed prop type: Invalid prop `value` supplied to `Picker`.报错问题

在使用antd的日期插件时,不留意就会报各种错误. 例如:Warning: Failed prop type: Invalid prop `value` supplied to `Picker`. 这个是因为在时间为空时,value值不规范造成的,解决方法如下: ?moment(row.secondQuotaExpire* ).format("YYYY-MM-DD"):"" <DatePicker defaultValue={time} onChange={(…

Jpa自定义查询报错(Failed to convert from type [java.lang.Object[]] to type)

Jpa自定义查询报错 问题背景 今天遇到一个奇怪的报错"Failed to convert from type [java.lang.Object[]] to type",这个报错,百度上也是很少的,恰恰是这样的问题,引起我了解决的欲望.先看看报错: org.springframework.core.convert.ConversionFailedException: Failed to convert from type [java.lang.Object[]] to type [o…