gpt4 book ai didi

javascript - 类型错误 : Cannot read property 'exists' of undefined

转载 作者:可可西里 更新时间:2023-11-01 13:50:06 26 4
gpt4 key购买 nike

  • 我正在尝试为 jsx 文件编写测试用例
  • 在此我可以传递 Prop 类型...
  • 但不是我适当传递 proptypes 的地方...
  • 我在运行测试用例时遇到错误..
  • 在下面提供我的错误、测试用例和代码...
  • 类型错误:无法读取未定义的“存在”属性
  • 不确定如何让它与现有的一起工作..
  • 它正在处理这个函数 dispatchSidebarExists..
  • 你能告诉我我应该如何把它放在我的测试用例中吗

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} />);

最佳答案

基本上,您的 reducer 正在调用状态上的属性 exists,对吗?但它没有找到它?那是因为您已经分派(dispatch)了一个对象但还没有添加有效负载。

你的代码说你像这样分派(dispatch)对象。

setSportsCornerState(stateString) { 
return { type: 'SET_HEADERPANEL', stateString };
}

这里给出你的代码....

this.props.dispatch(setSportsCornerState({
exists: hasSidebar
}));

.... 这意味着您要分派(dispatch)的对象将如下所示。

 { type: 'SET_HEADERPANEL', {exists: hasSidebar} }

我实际上不确定在这种情况下属性是如何命名的,如果你有一个对象和另一个没有属性名称的对象。也就是说,这就是您的对象应该看起来的样子。

     { type: 'SET_HEADERPANEL', payload: {exists: hasSidebar} }

如果要将信息传递给 reducer,则需要通过 payload 属性传递。你的对象应该总是有一个有效载荷,而那个有效载荷应该总是一个对象。将您的代码更改为以下内容。

export function setSportsCornerState(stateString) { 
return { type: 'SET_HEADERPANEL', payload: stateString };
}

此设置的有效负载对象作为您要传递的信息。然后你的 reducer ,应该在有效载荷对象上寻找 exists 属性。

关于javascript - 类型错误 : Cannot read property 'exists' of undefined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36048546/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com