我正在学习React和Redux,当我这样做的时候,我决定制作一个带有按钮的网页,点击按钮就会改变状态。在按钮下面,我想在另一个组件中显示当前状态。虽然单击按钮会更改状态,但它不会反映在组件中。下面是我的代码:
App.js
import React from 'react'
import Name from './Name'
import {changeName} from './Action';
export default function App () {
return (
<div>
新的反应和还原,所以玩一些非常简单的代码,看看它是如何工作的。当我尝试将一个combineReducers方法传递给一个redux存储时,我会得到一个错误。如果我移除combinedReducers并将减速机直接传递给商店,一切都很好。
let store = createStore(rootReducer);
错误
未明错误:对象作为React子对象无效(找到:键{reducer}的对象)。如果您打算呈现一个子集合,则使用数组代替,或者使用createFragment( object )从React插件包装对象。检查应用程序的呈现方法。
为什么当我使用combineReducers时
react视图不会被更新(呈现永远不会被调用),但是reducer被调用了。
我有以下几点:
1)。react视图:如果我需要显示"TodoList“或"HousingInfo”,我会在根状态中设置一个字段。
export default class RightPane extends React.Component{
static contextTypes = {
store: React.PropTypes.object
}
render(){
let store = this.context.store;
let curPage = stor
我正试图开始使用react/redux,使用的样板代码,到目前为止,它运行得很好。
我想从一个容器中更新我的状态,我正在发送这样的一个电话:
// This is the method that should tigger the action
updateMoneyValue(newValue);
...
// Here I hope I set up everything correctly...
function mapDispatchToProps(dispatch) {
return {
updateMoneyValue: newMoneyValue =>
当console.log'ing状态或试图在组件中呈现时,我的存储将返回为undefined。然而,在React中,该存储正在按预期显示。
带有虚拟调度调用的index.js
import React from "react";
import ReactDOM from "react-dom";
import { Provider } from "react-redux";
import { addItem } from "./actions/actions";
import configureStore from
在学习一些“react”的过程中,我希望将一个简单的react组件转换为使用redux。在我的组件中,根据一些属性值,我初始化了一个数组,并将其设置为组件状态。
let my_arr = new Array(this.props.rows);
this.state = {
arr: my_arr
}
我不想在组件中创建和设置我的状态,而是使用一个reducer。我正在尝试创建一个reducer (reducer_arr.js),它将初始化并返回这个数组。我的问题是,如何知道需要返回的数组的大小?有没有办法在我的减速器中读取该组件的道具值?
export default function b