我正在学习如何用酶来测试React/Redux成分。该组件以应用程序级别的状态作为支持。当我运行测试时,我会得到以下错误:
Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (for composite components).
TypeError: Cannot read property 'contextTypes' of undefined
我有一个测试项目列表,我正尝试根据单击按钮来筛选这些项目。目前,我的初始状态显示了一个用于test1的过滤器。但是,我希望使用按钮中的onClick来更新状态。我不确定为什么它不更新。有没有人可以给我一个解释/例子,或者给我一个帮助我理解这一点的资源。 所有提供的代码都是不同文件的片段。我之所以添加这些文件,是因为我认为我在其中一个文件中做错了什么 这是我的ToggleButtonGroup.tsx import { ToggleButton } from "./ToggleButton";
import * as React from "react";
im
我正在使用redux应用程序在我的反应中尝试单元测试。因此,我需要测试连接的组件,不幸的是,我得到了这个错误:
无法读取未定义的属性“contextTypes”--我在单元测试中使用酶--这里是我的组件:
import React from 'react';
import TextFieldGroup from '../common/TextFieldGroup';
import validateInput from '../../server/validations/login';
import { co
在商店发生更改后,我的组件不会重新运行。我通过使用store.subscribe()和console.log(store.getState())将他放到控制台中来确保商店实际上是在改变,但是组件仍然不会再次重新运行。我会感谢你的帮助。
configureStore.js
import { createStore, combineReducers } from 'redux';
import home from '../reducers/home';
import favorites from '../reducers/favorites';
e
我想构建一个单页面登录系统,它根据我在React-Redux存储中设置的状态呈现不同的页面。当存储的状态更新时,render() {}函数不会更新。 App.js import React from 'react'
import store from './redux/store'
import { Provider } from 'react-redux'
// Route to Renderer.js below
import Renderer from './Renderer'
class App extends R
这里我有我的顶级组件App,它呈现我的Header组件和FrontPage组件。我还连接了react-redux,以检查用户是否已登录。
import React, { Component } from "react";
import { BrowserRouter, Route } from "react-router-dom";
import { connect } from "react-redux";
import * as actions from "../actions";
//Header Container
im
我在我的应用程序中集成了redux。问题是它与其他组件一起工作得很好,但它在特定的一个组件上有问题。我得到了以下错误 ExceptionsManager.js:86 TypeError: _this.props.changeAlertedNetworkError is not a function
This error is located at:
in NetworkService (at App.js:21)
in Provider (at App.js:20)
in App (at renderApplication.js:40
关于如何将来自connect的react-redux作为装饰器与redux-saga相结合,有什么好的实践吗?
import React from 'react';
import { connect } from 'react-redux'
@connect(({ data }) => ({ data }), require('../models/effects').default)
export default class User extends React.Component {
onClick() {
console.