TypeError:无法读取react js中未定义的属性'fn‘
TypeError:无法读取react js中未定义的属性'fn'
这个错误是在React.js中尝试读取一个未定义的属性'fn'时引发的类型错误。通常，这种错误发生在以下情况下：
- 未正确导入或声明所需的组件或模块。
- 组件或模块中未定义所需的属性或方法。
- 组件或模块中的属性或方法名称拼写错误。
为了解决这个错误，可以采取以下步骤：
- 确保正确导入和声明所需的组件或模块。在React.js中，可以使用import语句导入组件或模块，例如：
- 确保正确导入和声明所需的组件或模块。在React.js中，可以使用import语句导入组件或模块，例如：
- 检查组件或模块中是否定义了所需的属性或方法。确保在组件或模块中正确定义了'fn'属性，例如：
- 检查组件或模块中是否定义了所需的属性或方法。确保在组件或模块中正确定义了'fn'属性，例如：
- 检查属性或方法名称是否正确拼写。确保在读取属性或调用方法时使用正确的名称，例如：
- 检查属性或方法名称是否正确拼写。确保在读取属性或调用方法时使用正确的名称，例如：
总结： 在React.js中，当尝试读取一个未定义的属性时，会引发TypeError。为了解决这个错误，需要确保正确导入和声明所需的组件或模块，定义所需的属性或方法，并正确拼写属性或方法的名称。如果需要更多关于React.js的帮助和资源，可以参考腾讯云的React.js产品介绍链接：React.js产品介绍。
相关·内容
1回答
我有以下函数，它以React.useRef()作为参数。
在测试它时遇到问题，我试图让useRef保存值并能够removeChild()。
当我运行测试时，我会得到以下错误。
TypeError: useRef.current.removeChild不是一个函数
这是因为在测试期间，我传递的是一个对象而不是一个useRef钩子函数。
如何传入模拟的useRef并能够在测试期间传递值和执行removeChild操作？
这就是实现。
export const postData = (
useRef, // this useRef is coming from the calling com
浏览 7提问于2021-11-10得票数 1
下面是我为Home.js编写的代码，它给了我一个关于未定义属性(读取“错误”)的错误。有人能给我一个解决办法吗？
以下是Home.js中的代码
import React from 'react'
import {useState , useEffect} from 'react'
import {getProducts} from "./helper.js/coreapicalls"
function Home() {
const [products, setProducts] = useState([]);
const [
浏览 2提问于2021-10-28得票数 1
2回答
从默认导入中Jest模拟异步函数
、、、、
我试图模拟一个异步函数，该函数被导出为默认导出，但我得到的只有TypeError:无法读取未定义的属性'then‘
我想嘲笑的是config.js
const configureEnvironment = async (nativeConfig) => {
return { await whatever() }
}
我正在测试的文件是Scene.js
import configureEnvironment from './config';
class Scene extends React.Component {
constructor(prop
浏览 0提问于2018-09-21得票数 5
回答已采纳
3回答
我正在编写单元测试的反应本地应用程序使用的玩笑和酶。当我试图运行测试用例时，我得到以下错误：
测试套件无法运行
TypeError:无法读取未定义属性的“短”
在对象上。(node_modules/react-native-simple-toast/index.js:7:23) at Object.(src/client/components/Catalogue/events.js:10:29) at Object.(tests/events-test.js:5:13) at Generator.next () at新诺言() at Generator.next () at
这个错误是
浏览 3提问于2018-08-21得票数 2
2回答
尝试从react组件中显示道具。需要显示Tabs的名字来做这个。
import React from 'react'
import { Link, browserHistory } from 'react-router'
import Tabs from '../../components/Tabs/Tabs'
function Revenue ({ children }) {
return (
<div>
<div>
<Tabs items = { ['
浏览 0提问于2017-01-17得票数 2
回答已采纳
React路由器:链路和路由不通过状态到组件
我正在构建一个在线购物应用程序，包括React，Redux和React路由器。在主页上，将显示所有项目。我希望用户能够点击一个图像，并被带到一个页面与该项目的项目详细信息。
我就是这么做的：
在App.js中，我使用BrowserRouter、路由和交换机进行路由
在Home.js中，我使用react路由器的链接将主页上的图像链接到项目详细信息页；链接应该以状态形式将ID传递给项目组件(参见下面的Home.js代码)
Item.js应该呈现一个项详细信息页面。项目的ID将传递给item组件，该组件将呈现该项的详细信息。
这看起来
浏览 0提问于2019-09-06得票数 5
回答已采纳
2回答
关于使用来自React.js的React.js表，我有一个相当简单的问题。
我无法为本地json找到任何关于useMemo的示例或文档，几乎所有的教程都是基于asyn的。
目标是创建一个这样的表：
本教程与我的教程之间唯一的区别是，makeData文件将是一个实际的具有合法数据的json文件。
这就是我试过的：
const data = React.useMemo(() => Sales, [])
它显然不起作用，并发回TypeError:无法读取未定义的属性'forEach‘。
我该怎么处理这个？
浏览 4提问于2021-05-19得票数 0
回答已采纳
我想在react中创建一个应用程序。我已经安装了最新的Node js，当我运行命令时，我收到错误
PS C:\Users\Kumar Sanket\Desktop\React&Redux> npx create-react-app myapp错误: EEXIST:文件已存在，mkdir 'C:\Users\Kumar‘TypeError:无法读取位于errorHandler的未定义的属性'get’(位于C:\Program Files的C:\Program Files位于cb的C：\Program Files\nodejs\node_modules\np
浏览 6提问于2019-04-02得票数 4
1回答
Screen-test.js
it('renders the Engagement Detail modal', () => {
const tree = renderer.create(<EngagementDetailModal details={engagementData}/>).toJSON();
expect(tree).toMatchSnapshot();
})
我正在尝试测试的组件
class CompanyDetailView extends React.Component {
render() {
c
浏览 1提问于2019-07-15得票数 1
我遇到了一个问题
TypeError:无法读取我的Timeline.js文件中未定义的属性'year‘
当我将一个prop传递给react组件并希望从我的prop中获取一个特定变量时。更确切地说，timelineyears.js是一个数据数组，它有一个我想要传递给TimelineItem.js的年份变量。最后，Timeline.js将遍历所有的TimelineItem以显示年份，但我得到了一个TypeError: Cannot read属性'year‘在我编译时未定义。任何帮助都将不胜感激！
这是我的timelineYears.js文件
const timelineYear
浏览 30提问于2021-05-14得票数 0
回答已采纳
这是我的密码：
import React, { PureComponent } from 'react';
import { PixiOverlay } from 'react-leaflet-pixi-overlay';
import { Map, TileLayer } from 'react-leaflet';
import { renderToString } from 'react-dom/server';
class PixiOverlayClass extends PureComponent {
render()
浏览 3提问于2020-06-06得票数 0
回答已采纳
我已经安装了owl carousel(npm install react-owl-carousel2)。在运行代码时，它显示下面的错误。
TypeError: Cannot read property 'fn' of undefined
eval
././src/owl.carousel.js?:1667:4
eval
././src/owl.carousel.js?:1701:3
(anonymous function)
C:/xampp/htdocs/new-react/node_modules/react-owl-carou
浏览 22提问于2020-02-19得票数 1
我得到了
出现未定义的'__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED‘(未定义的TypeError:无法读取属性TypeError )
当我使用
<script src="res/build/react-min.js"></script>
<script src="res/build/react-dom.min.js"></script>
浏览 1提问于2015-12-14得票数 11
回答已采纳
我得到了以下错误-
ProductDetail.js:13未定义的TypeError:无法读取未定义的属性(读取“名称”)
import React from 'react';
import {useParams } from 'react-router-dom';
import products from '../products';
const ProductDetail = () => {
const { id } = useParams();
const product = products.find((p)
浏览 4提问于2022-02-07得票数 -1
我的反应很新，现在我正在尝试使用故事簿。当我使用npm run storybook时，会遇到下面的错误。我已经试过想办法了，但我还是不确定。
无法读取未定义(读取“类型”)TypeError的属性:无法读取未定义的属性(读取“类型”)
at isMdx (http://localhost:6006/vendors-node_modules_pmmmwh_react-refresh-webpack-plugin_lib_runtime_RefreshUtils_js-node_mod-3a4695.iframe.bundle.js:3504:30)
at mdxToJsx (http://loc
浏览 6提问于2022-04-11得票数 5
我有这个React组件，当单击图片库页面上的图像时，它会呈现。而且似乎总体上运行良好，但我发现了一种奇怪的行为，当我清理我所有的应用程序站点数据并在图库页面上第一次点击一个图像时，我得到了下一个错误：
错误:无法读取未定义的属性“零”：无法读取未定义的react的属性“零”-Hot-loader.Development.js:294 TypeError:无法读取未定义的属性“零”，(pathToProject/node_modules/fslightbox-react/index.js:1) at callCallback (pathToProject/node_modules/react-
浏览 4提问于2020-07-23得票数 1
我试图在我的react应用程序中实现Jest，但是当我导入react-test-renderer时，我得到了错误消息: TypeError:无法读取未定义的属性'hasOwnProperty‘。
我的App.test.jsx文件中唯一的一行是：
import TestRenderer from 'react-test-renderer'; // ES6
错误的全文是：
node_modules\react-test-renderer\cjs\react-test-renderer.development.js:177:27 TypeError:无法读取对象处未定义的属
浏览 3提问于2019-12-20得票数 3
我正在使用和jest来测试我的React。我有一个很基本的测试，看起来是这样的：
import 'react-native';
import React from 'react';
import PushController from '../app/PushController';
// Note: test renderer must be required after react-native.
import renderer from 'react-test-renderer';
it('works correc
浏览 4提问于2017-02-09得票数 1
回答已采纳
2回答
我有一个组件，它使用useLocation钩子从URL获取路径。
const { pathname } = useLocation();
useEffect(() => { }, [pathname]);
当我试图用它来模拟位置时，
import React from 'react';
import ExampleComponent from './ExampleComponent';
import { fireEvent, render } from '@testing-library/react';
import { shallow }
浏览 1提问于2021-06-14得票数 4
2回答
我需要帮助"TypeError:无法读取属性‘缓存’的未定义“。 let members = guild.members.cache
.filter(function (member) {
return member.user.bot === false && member.user.id != member.guild.ownerID;
})
.map(function (member) {
浏览 26提问于2021-02-06得票数 0
回答已采纳
当我试图在React页面中实现Show More and Show less时，我无法读取未定义的属性(读取子字符串)。有人能告诉我有什么问题吗？以上错误发生在组件中：
at MiddleSection (http://localhost:3000/main.2efdffa93468c998df75.hot-update.js:92:82)
at div
at Home
at Routes (http://localhost:3000/static/js/bundle.js:41795:5)
at Router (http://localhost:3000/static/js/bundle.j
浏览 5提问于2022-05-19得票数 1
回答已采纳
1回答
我正在尝试在我的c# .net mvc项目中使用公开插件。我知道这个错误。
jquery.unveil.js:13未定义的TypeError:无法读取未定义的属性fn
jquery.unveil.js脚本文件位于脚本文件夹中。下面是我的看法。
<div class="images">
<img...
<img...
<img...
</div>
<script src="~/Scripts/jquery.unveil.js"></script>
@Scripts
浏览 2提问于2017-04-27得票数 0
回答已采纳
通过学习的例子，我尝试使我的自动完成动态。
来源是，这应该是非常相似的(修改以适应我检索我的信息的网址)。
lookup.php按照(明文)返回符合json (UTF8)的结果：
["value1","value2","value3","value4","value5"]
如果我为源代码提供了url的硬编码版本：
source: "lookup.php?type=some_case&value=search_term"
建议的自动完成列表如预期的那样堆积在一起。
Lookup.php支持
a
浏览 1提问于2011-05-03得票数 2
回答已采纳
1回答
这次脊背怎么了？
、、
未定义的TypeError:无法读取未定义的属性“PlayersRouter”
我做的一切都一样，但现在发生了什么？这是我的道路：
$rails新无穷大
$cd无穷大
gem“rails-主干”
$bundle安装
rails g主干:安装
rails g脚手架播放器stat:整数健康:整数强度:整数
rake db:迁移
rails g骨干:脚手架播放器stat:整数健康:整数强度:整数
视图/播放机/index.html.erb
<div id="players"></div>
<script type="text/javascript
浏览 2提问于2014-07-08得票数 0
回答已采纳
我在react中是新的，所以我尝试遵循redux教程，并得到了这个错误- TypeError:无法读取未定义的属性(读取'map')
如果有人能帮忙，我真的很感激，谢谢！
下面是我的代码
import React, {useState} from 'react'
import { useSelector } from 'react-redux'
import { Link } from 'react-router-dom'
export const PostsList = () => {
const posts
浏览 7提问于2021-12-10得票数 1
回答已采纳
2回答
FileUploadStatus.test.js
import React from 'react';
import { shallow } from 'enzyme';
import FileUploadStatus from './FileUploadStatus';
import { expect, jest } from '@jest/globals';
import toJson from 'enzyme-to-json';
import { FileResponse } from '../../
浏览 4提问于2021-08-31得票数 1
回答已采纳
我的密码怎么了？
import React, { Component } from "react";
// import {connect} from 'react-redux';
// import List_items from './list_items';
// @connect(item => ({data: state.example.data}))
class Home extends React.Component {
constructor(){
super();
this.state = {
浏览 1提问于2017-12-08得票数 0
回答已采纳
有时，当使用React库(如 )时，我会得到以下错误：
未定义的TypeError:无法读取未定义的属性“firstChild”
/~/react-router/~/react/lib/ReactMount.js?:606
我该怎么解决呢？
浏览 10提问于2014-11-26得票数 28
回答已采纳
我在我的项目中使用了dataTable.min.js javascript文件。我将表的数据填充为dynamic。但我犯了个错误。你能帮帮我吗。
错误详细信息: jquery.dataTables.min.js:65未定义的TypeError:无法读取未定义的属性“aDataSort”
浏览 2提问于2019-02-05得票数 0
回答已采纳
是否有人处理过“未定义的TypeError:无法读取从kendo.aspnetmvc.js中抛出的未定义的”属性“jQuery”？
我正在使用最新版本2016.1.112，但它发生在之前的2015.2.1111。我希望升级能解决这个问题，但没有运气。
浏览 2提问于2016-01-21得票数 1
我需要避免$('.lorem').on('contextmenu', function...长篇故事的原因。
想要同样的使用oncontextmenu。
得到错误
“未定义TypeError:无法读取未定义的属性'preventDefault‘”
有什么帮助吗？
function fn(e){
e.preventDefault();
console.log('lorem');
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jq
浏览 0提问于2019-01-09得票数 0
回答已采纳
3回答
有人知道为什么吗？
$.on.apply(this, args);
给我“未捕获TypeError:无法读取未定义的属性'apply‘”
我确信$.on是在jQuery中定义的:/
浏览 2提问于2014-12-09得票数 1
2回答
承诺用ES6毁灭？
、、、
我尝试将Promises与ES6析构语法混合(只是为了试验目的)，但以下代码会引发错误：
function delay(ms) {
return new Promise((resolve, reject) => {
setTimeout(() => resolve(), ms)
})
}
const { then } = delay(2000)
console.log(typeof then) // ==> 'function'
// throws TypeError:
then(() => {
console.log(`don
浏览 3提问于2017-11-25得票数 0
回答已采纳
我使用的是react 0.14.8，我已经导入了jquery 2.2.3，如下所示。
var jQuery = $ = require('jquery');
当我加载页面时，我会得到错误。
移动-1.4.5.js:26未定义TypeError:无法设置未定义的属性“移动”在react应用程序中
浏览 2提问于2016-04-14得票数 2
1回答
我用匿名函数编写了一个JavaScript，并有一个属性： !function(e) {
for(;e.length;){
e.shift()();
console.log(e[0].hasOwnProperty('a');
}
}
([(function(){
this.a = function(){
console.log("hello");
}
}),
function(){
//no property here
}]); 将e[0].hasOwnProperty(
浏览 18提问于2020-11-04得票数 0
回答已采纳
我想尝试小的redux示例，所以我安装了redux，但是我得到了这个错误。
TypeError:无法读取未定义的属性“getState”
新提供商webpack-internal:///./node_modules/react-redux/es/components/Provider.js:24:25
代码：
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import './
浏览 2提问于2019-02-24得票数 9
回答已采纳
我已经为组件CategoryListContainer编写了一个测试，通过模拟axios来测试其中的axios get调用，如下所示： CategoryListContainer.test.js import React from 'react';
import { render, cleanup, waitForElement } from '@testing-library/react';
import { Provider } from 'react-redux';
import store from '../../Store&#
浏览 53提问于2020-07-11得票数 0
我是Reactjs的新手。我试图在浏览器中执行hello world程序。但我犯了个错误。i.e
read dom.min.js:12个未定义的TypeError:无法读取未定义的属性TypeError
我的代码是
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React!</title>
<script src="https://cdnjs.cloudflare.com/ajax/li
浏览 0提问于2016-10-14得票数 2
回答已采纳
我的javascript代码出错了。在我的网页上打开汉堡菜单。ErrorMessage:未定义的TypeError:无法读取未定义的script.js:4的属性“addEventListener”
const toggleButton = document.getElementsByClassName("toggle-button")[0]
const navbarLinks = document.getElementsByClassName("navbar-links")[0]
toggleButton.addEventListener("click
浏览 0提问于2019-12-13得票数 0
你好，我正在学习反应js，我遇到了一个问题。当我试图使用react路由器返回到主页时，我会得到以下错误：
未定义TypeError:无法读取未定义属性的“推送”
下面是我的代码，正如您所看到的，我正在调用导航函数：
我的带有路由器的client.js：
如果我将this.props.router.push('/');替换为this.props.history.push('/');，它就能正常工作。有什么问题吗？
浏览 5提问于2016-05-06得票数 12
回答已采纳
我试着学习React.JS，通过输入"webpack“命令，我发现了以下错误：
散列: 04008667f996e5267ae1版本: webpack 1.14.0时间:580 modules +2个隐藏模块
在./public/assets/react source/Cat-app.js模块构建中出错: TypeError:无法读取未定义的Object.transform Object.transform的属性“engine”
./public/assets/react-source/catalog-custom-item-app.js模块生成错误失败: TypeError:无法读
浏览 2提问于2017-04-26得票数 0
回答已采纳
在扩展AWS时，我面临以下错误：
语法错误:无法读取未定义的属性“映射”(0:未定义)
这是我的代码：
import React from 'react';
import ReactDOM from 'react-dom';
export default class BusinessHTTPService {
static getBusinessList = () => {
return axios.get(`${API_BASE}business-categories/?`).then(response => respo
浏览 1提问于2020-08-29得票数 10
2回答
async saveForm(data) {
return await axios({
method: "post",
url: FORM_PORTAL_CONTROLLER_URL + 'savemoratorium',
body: JSON.stringify(data)
}).then(res =>
this.setState({ refNo: res.data.reference }))
} 我不能设置从请求中得到的set state，它给了我下面的错误。Pos
浏览 32提问于2020-04-19得票数 0
你好，我在React中是新手，并试图显示我在状态中创建的名为Todo的数组，但是我得到了错误"TypeError:无法读取属性'map‘的未定义“。你能告诉我哪里做错了吗？
这是我的密码
index.js
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import * as serviceWorker from './serviceWorker';
ReactDOM.render(<
浏览 0提问于2019-01-12得票数 2
回答已采纳
我正在尝试使用jest测试我的react本地应用程序的组件，并对其进行测试。
然而，function本机-火基总是返回"TypeError:超级表达式必须是null或一个函数中的function本机“。即使我用他们嘲笑的方法。
我花了很多时间想办法解决这个问题，并且尝试另一种我目前困在其中的方法，我不知道如何解决这个问题。
错误详细信息
● Test suite failed to run
TypeError: Super expression must either be null or a function
(node_modules/@babel/runtime/helpers
浏览 2提问于2021-08-18得票数 1
我已经启动了一个新的react应用程序--并开始安装d3v4和一个基本饼图--但现在我得到了scaleOrdinal()错误和d3.arc()错误"TypeError:无法读取未定义的属性‘圆弧’“
var arc = d3.arc()
.outerRadius(radius - 10)
.innerRadius(innerradius);
浏览 0提问于2020-06-09得票数 1
回答已采纳
1回答
我正在测试一个导入类LanguageStore的react本机组件。当前，测试失败是因为组件正在实例化这个类，它调用了测试范围中未定义的私有setter：
FAIL src\modules\languageProvider\__tests__\LanguageProvider-test.js
● renders correctly
TypeError: _this.strings.setLanguage is not a function
at LanguageStore.setLanguage (src\modules\languageProvider\Lang
浏览 0提问于2019-03-18得票数 4
回答已采纳
我使用的是react本机，并且无法模拟来自库react本机防火墙的凭据。
TypeError:无法读取未定义的属性“凭据”
即使我认为我是在嘲笑凭据也会继续出现。
import {GoogleLogin} from './GoogleLogin';
const mocks = {
auth: jest.fn(),
signInWithCredential: jest.fn(),
GoogleAuthProvider: {
credential: jest.fn(),
},
};
Object.defineProperty(mocks.auth,
浏览 1提问于2021-03-01得票数 2
TypeError:无法读取未定义(读取'noticeNo') React.js的属性
添加const "item“后发生错误
如何修复此错误？
我在我的搜索中尝试了很多东西，但都不起作用
我试着
const item = noticeDatas && sortedItems[0];
useEffect(() => {
if (noticeDatas) {
getData();
}
}, []);
这是我的密码
export const HomeNotice = () => {
const [no
浏览 6提问于2022-07-07得票数 0
我安装了库，但有错误：
TypeError:无法读取未定义的属性“string”
push../node_modules/boron/modalFactory.js.module.exports :无法读取未定义的C:/Users/m/Desktop/chrome-extension/node_modules/boron/modalFactory.js:10 7的module.exports =module.exports=函数(动画)的属性“string”{8回返回React.createClass({ 9= propTypes：{
10 className: React.PropType
浏览 3提问于2019-10-21得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
