- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库?
- java - OnItemClickListener 不起作用,但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
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/
我已经使用 vue-cli 两个星期了,直到今天一切正常。我在本地建立这个项目。 https://drive.google.com/open?id=0BwGw1zyyKjW7S3RYWXRaX24tQ
您好,我正在尝试使用 python 库 pytesseract 从图像中提取文本。请找到代码: from PIL import Image from pytesseract import image_
我的错误 /usr/bin/ld: errno: TLS definition in /lib/libc.so.6 section .tbss mismatches non-TLS reference
我已经训练了一个模型,我正在尝试使用 predict函数但它返回以下错误。 Error in contrasts<-(*tmp*, value = contr.funs[1 + isOF[nn]])
根据Microsoft DataConnectors的信息我想通过 this ODBC driver 创建一个从 PowerBi 到 PostgreSQL 的连接器使用直接查询。我重用了 Micros
我已经为 SoundManagement 创建了一个包,其中有一个扩展 MediaPlayer 的类。我希望全局控制这个变量。这是我的代码: package soundmanagement; impo
我在Heroku上部署了一个应用程序。我正在使用免费服务。 我经常收到以下错误消息。 PG::Error: ERROR: out of memory 如果刷新浏览器,就可以了。但是随后,它又随机发生
我正在运行 LAMP 服务器,这个 .htaccess 给我一个 500 错误。其作用是过滤关键字并重定向到相应的域名。 Options +FollowSymLinks RewriteEngine
我有两个驱动器 A 和 B。使用 python 脚本,我在“A”驱动器中创建一些文件,并运行 powerscript,该脚本以 1 秒的间隔将驱动器 A 中的所有文件复制到驱动器 B。 我在 powe
下面的函数一直返回这个错误信息。我认为可能是 double_precision 字段类型导致了这种情况,我尝试使用 CAST,但要么不是这样,要么我没有做对...帮助? 这是错误: ERROR: i
这个问题已经有答案了: Syntax error due to using a reserved word as a table or column name in MySQL (1 个回答) 已关闭
我的数据库有这个小问题。 我创建了一个表“articoli”,其中包含商品的品牌、型号和价格。 每篇文章都由一个 id (ID_ARTICOLO)` 定义,它是一个自动递增字段。 好吧,现在当我尝试插
我是新来的。我目前正在 DeVry 在线学习中级 C++ 编程。我们正在使用 C++ Primer Plus 这本书,到目前为止我一直做得很好。我的老师最近向我们扔了一个曲线球。我目前的任务是这样的:
这个问题在这里已经有了答案: What is an undefined reference/unresolved external symbol error and how do I fix it?
我的网站中有一段代码有问题;此错误仅发生在 Internet Explorer 7 中。 我没有在这里发布我所有的 HTML/CSS 标记,而是发布了网站的一个版本 here . 如您所见,我在列中有
如果尝试在 USB 设备上构建 node.js 应用程序时在我的树莓派上使用 npm 时遇到一些问题。 package.json 看起来像这样: { "name" : "node-todo",
在 Python 中,您有 None单例,在某些情况下表现得很奇怪: >>> a = None >>> type(a) >>> isinstance(a,None) Traceback (most
这是我的 build.gradle (Module:app) 文件: apply plugin: 'com.android.application' android { compileSdkV
我是 android 的新手,我的项目刚才编译和运行正常,但在我尝试实现抽屉导航后,它给了我这个错误 FAILURE: Build failed with an exception. What wen
谁能解释一下?我想我正在做一些非常愚蠢的事情,并且急切地等待着启蒙。 我得到这个输出: phpversion() == 7.2.25-1+0~20191128.32+debian8~1.gbp108
我是一名优秀的程序员,十分优秀!