类型错误: 无法读取未定义的属性“存在”
TypeError: Cannot read property 'exists' of undefined
- 我正在尝试为 JSX 文件编写测试用例
- 在这一点上,我能够通过道具类型...
- 但不是我通过道具的地方...
- 我在运行测试用例时遇到错误。
- 在下面提供我的错误、测试用例和代码...
- 类型错误:无法读取未定义的属性"存在"
- 不知道如何使其与此共存。
- 它在这个函数调度侧边栏存在。
- 你能告诉我我需要如何把它放在我的测试用例中吗
JavaScript错误
1) shallow renderer tests for sports-template-standard should render correctly:
TypeError: Cannot read property 'exists' of undefined
at [object Object].dispatchSidebarExists (/src/sports-template-standard.jsx:80:56)
at [object Object].componentWillMount (/src/sports-template-standard.jsx:49:14)
at [object Object].ReactCompositeComponentMixin.mountComponent ('node_modules'react'lib'ReactCompositeComponent.js:210:12)
at [object Object].wrapper [as mountComponent] ('node_modules'react'lib'ReactPerf.js:66:21)
at [object Object].ReactShallowRenderer._render ('node_modules'react'lib'ReactTestUtils.js:362:14)
at [object Object].ReactShallowRenderer.render ('node_modules'react'lib'ReactTestUtils.js:344:8)
at Context.<anonymous> (/test/sports-template-standard-tests.js:31:25)
at callFn ('node_modules'mocha'lib'runnable.js:286:21)
at Test.Runnable.run ('node_modules'mocha'lib'runnable.js:279:7)
at Runner.runTest ('node_modules'mocha'lib'runner.js:421:10)
at 'node_modules'mocha'lib'runner.js:528:12
at next ('node_modules'mocha'lib'runner.js:341:14)
at 'node_modules'mocha'lib'runner.js:351:7
at next ('node_modules'mocha'lib'runner.js:283:14)
at Immediate._onImmediate ('node_modules'mocha'lib'runner.js:319:5)
测试用例
`javascript`
import {expect} from 'chai';
import React from 'react';
import TestUtils from 'react-addons-test-utils';
import initializeJsDom from './test-utils/dom.js';
import {SportsPageClasses} from 'sports-css-grids';
import sportsMockUpStandard from '../src/sports-template-standard';
describe('shallow renderer tests for sports-template-standard ', function() {
let shallowRenderer = TestUtils.createRenderer();
console.log("shallowRenderer" + JSON.stringify(shallowRenderer));
it('should render correctly', () => {
//var rightPanel ="some string";
var layout ="some string";
var hasSidebar = function(){
done();
}
console.log("here1");
//this.props.layout.rightPanel.exists = 'some value';
shallowRenderer.render(<sportsMockUpStandard
headerClass='8887'
layout= {{id: 100, text: 'hello world'}}
sidebar= {[{hasSidebar},{id: 100, text: 'hello world'}]}
title={"Demo"} />);
// shallowRenderer.render(<sportsMockUpStandard
//layout= {{id: 100, text: 'hello world'}} />);
console.log("here2");
});
});
代码片段代码
`javascript`
dispatchSidebarExists(props) {
let hasSidebar = !!props.sidebar;
// infinite loop without this check
if (hasSidebar !== this.props.layout.rightPanel.exists) {
this.props.dispatch(setSportsCornerState({
exists: hasSidebar
}));
}
}
整个代码
export function setSportsCornerState(stateString) { return { type: 'SET_HEADERPANEL', stateString }; } ```
新警告
Warning: Failed propType: Invalid prop `sidebar` supplied to `sportsMockUpStandard`.
// var rightPanel ="some string";
var layout ="some string";
var hasSidebar = function(){
// done();
}
console.log("here1");
// this.props.layout.rightPanel.exists = 'some value';
shallowRenderer.render(<sportsMockUpStandard
headerClass='8887'
layout= {{rightPanel: {exists: hasSidebar}, text: 'hello world'}}
sidebar= {[{hasSidebar},{id: 100, text: 'hello world'}]}
title={"Demo"} dispatch={hasSidebar} />);
基本上,你的化简器正在调用状态exists
的属性,对吧?但是它没有找到它?这是因为您已经调度了一个对象,但尚未添加有效负载。
你的代码说你像这样调度对象。
setSportsCornerState(stateString) {
return { type: 'SET_HEADERPANEL', stateString };
}
在这里给出你的代码....
this.props.dispatch(setSportsCornerState({
exists: hasSidebar
}));
....这意味着您要调度的对象将如下所示。
{ type: 'SET_HEADERPANEL', {exists: hasSidebar} }
我实际上不确定在这种情况下属性是如何命名的,如果你有一个对象和另一个对象里面没有属性名称。话虽如此,这就是您的对象应该的样子。
{ type: 'SET_HEADERPANEL', payload: {exists: hasSidebar} }
如果要将信息传递给化简器,则需要通过有效负载属性传递它。您的对象应始终具有有效负载,并且该有效负载应始终是对象。将代码更改为以下内容。
export function setSportsCornerState(stateString) {
return { type: 'SET_HEADERPANEL', payload: stateString };
}
此集是要传递的信息的有效负载对象。然后,您的化简器应该在有效负载对象上查找 exists
属性。
相关文章:
- 如果使用 lodash 将属性存在于另一个对象中,则向对象添加属性
- 未捕获的类型错误:无法读取属性'name'即使它存在,也无法定义
- 查找数组's按属性不存在于另一个数组中的对象
- 为什么没有从数组中存在的对象中删除属性
- 正在检查对象javascript中是否存在嵌套属性
- 正在检查属性的属性是否存在
- 为什么属性存在于对象实例上,即使其原型发生了更改
- 默认选中;为什么这个属性甚至存在
- HTML 中是否存在属性节点
- 错误 TS2339:类型“{}”上不存在属性“forEach”
- 如何获取数据属性中存在的现有JSON并更新它
- 类型错误: 无法读取未定义的属性“存在”
- _.assign 仅当属性存在于目标对象中时
- 当工具提示属性存在时更改引导弹出框标题
- 为什么 jquery 在我刷新时显示“禁用”属性存在
- 为什么 dom-elements 作为窗口对象的属性存在
- Qunit测试属性存在于对象中
- 未捕获的类型错误:不能读取属性-尽管属性存在
- 无法读取未定义的属性-但属性存在
- 如何添加名称已作为另一个属性存在的JSON项