我遇到了一个使用Redux的Reactive原住民应用程序的问题,我一直在努力找出原因。
当组件A中的分派更改Redux状态时,组件B不会显示Redux状态的最新值。例如,如果我单击组件A中的一个按钮将Redux值从0更改为1,它将在组件B中显示0,但当我单击按钮添加1以使其变为2时,组件B将显示1。下面是我的代码示例。当我单击组件A中的TouchableOpacity时,它应该将this.props.screen从1(初始状态)更改为0。在组件B中,我有一个常规的console.log of this.props.screen,在setTimeout中有一个50毫秒的console.log。
我目前正在学习react和redux,结果遇到了一个我真的无法理解的问题。尝试实现与本文中相同的功能:,但是即使我正在处理的rest api的数据请求是成功的,我也无法将组件中的本地状态分配给我的redux- state,以便能够过滤我的结果。下面是我的组件:
import React from 'react'
import {connect} from 'react-redux'
import {bindActionCreators} from 'redux'
import * as fetchActions from '../../a
当更新Redux中的状态时,如果状态与当前页的useState不同,则页面中的useState将被更新,但是红色框中的值在更新后不会更改,它始终是默认的。
import { useEffect, useState } from "react";
import store from "./redux";
import { useDispatch } from "react-redux";
import { setState } from "./redux/modules/menu";
我有一个验证函数,它位于组件外部的一个独立文件中,我希望能够访问我的redux存储状态,以检查一个值是否有效,但我无法访问这个状态。
我试图通过将存储状态导入到我的validation.js文件'import store from '../../client'中来访问存储状态,但这是行不通的
我如何访问validation.js中的存储状态,或者是否有更好的方法来使用react/redux来处理这样的验证?
client.jsx
import "@babel/polyfill";
import React from 'react';
i
我的redux存储中有以下数据:
data: [
0: {
name: "Mark Zuckerburg",
description: "Facebook CEO"
},
1: {
name: "Sheryl Sandberg",
description: "Facebook COO"
},
2: {
}
]
以下是我在reducer中的代码:
// This is how I store my data lists
我用react制作了两个不同的窗口,并提供了相同的商店。但是,如果我在一个窗口中存储数据,则第二个窗口不会更改。并且idk知道如何同步。(所有的还原器和作为默认反应项目所做的动作)
First provide(index.js):
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import {Provider} from 'react-redux';
import store from "../re
我正在做一个大学实践,使用React和Redux构建一个应用程序。当我使用Yarn启动服务器时,会得到以下错误:
Passing redux store in props has been removed and does not do anything.
To use a custom Redux store for specific components, create a custom React context with React.createContext(), and pass the context object to React-Redux's Provider a
我开始学习redux,并尝试使用redux-persist来存储数据。因为redux- PersistGate现在已经更新到了v5,并建议使用PersistGate。但我几乎找不到关于PersistGate的文档。我写了一些代码,但是这个错误发生在PersistGate(...): Nothing was returned from render. This usually means a return statement is missing. Or, to render nothing, return null.,这是我的代码:
store.js
import thunk from