为什么redux工具包布尔切换不起作用？
Redux是一个用于JavaScript应用程序的可预测状态容器。它可以帮助管理应用程序的状态，并使状态的变化变得可追踪和可预测。Redux工具包是一个用于开发和调试Redux应用程序的工具集合。
当Redux工具包的布尔切换不起作用时，可能有以下几个原因：
- 错误的使用方式：确保正确地使用了Redux工具包提供的API和方法。例如，检查是否正确地使用了
createStore函数来创建Redux store，以及是否正确地使用了dispatch函数来分发action。 - 状态更新问题：Redux中的状态是不可变的，即不能直接修改状态，而是通过创建新的状态对象来更新。如果布尔切换不起作用，可能是因为没有正确地更新状态。可以使用Redux提供的
combineReducers函数来合并多个reducer，并确保在reducer中返回新的状态对象。 - 异步操作问题：如果布尔切换涉及到异步操作，例如网络请求或定时器，需要使用Redux中间件来处理异步操作。常用的Redux中间件有redux-thunk和redux-saga。确保正确地配置和使用了中间件。
- 组件连接问题：如果布尔切换是在React组件中使用Redux时出现的问题，可能是因为组件没有正确地连接到Redux store。可以使用React-Redux提供的
connect函数来连接组件和Redux store，并确保正确地映射状态和操作到组件的props上。
总结起来，当Redux工具包的布尔切换不起作用时，需要检查使用方式是否正确、状态更新是否正确、是否涉及到异步操作以及组件是否正确连接到Redux store。如果问题仍然存在，可以进一步查看Redux工具包的文档和调试工具来定位和解决问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发：https://cloud.tencent.com/product/mobile
- 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
- 腾讯云元宇宙：https://cloud.tencent.com/product/tencent-metaverse
相关·内容
这是我的商店，实现了thunk
store/index.js
import { createStore, applyMiddleware } from "redux";
import reducer from "../reducers/";
import thunk from "redux-thunk";
const store = createStore(reducer, applyMiddleware(thunk));
export default store;
以下是我的行动：
actions/index
export const rem
浏览 0提问于2018-09-13得票数 0
回答已采纳
在我的redux项目中，我想在每个动作调度中检查一些东西(例如网络连接)。我是否应该使用如下所示的接受所有类型操作(不进行类型检查)的reducer来实现
export default (state = defaultState) => ({
...state,
neworkStatus: navigator.onLine
})
或者使用中间件。
const NetworkMiddleware = store => next => (action) => {
const result = next(action)
const state
浏览 2提问于2017-10-16得票数 2
3回答
我希望将我的isAuthenticated状态保存在本地存储中，所以在刷新页面之后，用户将被登录。我尝试简单地将其设置为localStorage中的ti true/false，并在redux中将状态的初始值设置为此值，但它总是将其设置为true。
这是我的redux商店
import { createSlice, configureStore } from '@reduxjs/toolkit';
//MOVEMENTS (doesn't work yet)
const initialMovementsState = {
movements: [],
};
con
浏览 6提问于2021-07-17得票数 13
回答已采纳
1回答
我的React/Redux应用程序中有一个中间件，如下所示：
export const myMiddleware = (store) => (next) => async (action) => {
switch (action.type) {
case types.SOME_ACTION:
// Some logic here...
break;
}
}
我需要在这里访问状态，以便执行这个中间件设计用来处理的逻辑。
我想，因为存储被传递到中间件中，所以我可以访问它，但是当我检查存储时，我根本看不到状态。我确实看到了一个get
浏览 1提问于2018-07-17得票数 5
回答已采纳
问题：
我有一个非常简单的应用程序。有一个动作--加法。添加任务时，我模拟使用setTimeout将其发送到服务器。
当我收到来自服务器的响应时，我立即检查是否存在错误，以避免进一步的操作。在有状态组件中，一切都正常工作，而在无状态组件中则不工作。
查看代码以更好地理解问题。
环境：
"react": "16.8.6",
"react-native": "0.60.5",
"react-redux": "^7.1.1",
"redux": "^4.0.4",
"
浏览 0提问于2019-09-16得票数 0
回答已采纳
1回答
当使用“react路由器-redux”时，如何获得当前位置？
这是routing状态：
{
routing: {
locationBeforeTransition: {
pathname: "/foo",
search: "",
hash: "",
state: null,
action: "PUSH",
key: "e8jfk"
}
浏览 1提问于2016-08-19得票数 5
回答已采纳
1回答
迁移到大型项目的redux工具包
、、、、
我有一个反应项目有一个巨大的代码库。我正在使用redux、sagas和异步还原器。我有一个模块结构。有很多小的减速机，我把它们组合成几个大的异步减速器。萨格斯的情况也是一样。
是否可以逐步迁移到redux-工具箱和rtk-查询？我不能一次重写所有模块。也许有人有过同样的迁徙经验？还是我应该继续使用我的样板代码库？)
以下是异步还原模块之一的代码
const reducer: (state: UserState, action: UserAction) => UserState = mergeReducers(
userReducer,
settingsReducer,
sig
浏览 2提问于2021-11-25得票数 1
回答已采纳
我从反流到Redux。在反流中，您的业务逻辑只存在于存储中，但是在"async-action" Redux中，它在"Redux“中似乎是different..for示例，我有，我用"redux-thunk”实现了它。
在一个场景中，我想在我的操作中检查一些东西，如果需要的话，我会向服务器发送请求并获取一些数据。在这种情况下，我必须在我的行动中检查我的逻辑，而实际上我的业务逻辑是存在于行动和存储在一起的，它不是很好。你的解决方案是什么？
例如，我有复选框，我检查一些条件，如果结果为真，我向服务器发送一个请求，这里是我的操作代码，正如您所看到的，我的业务逻辑在我的a
浏览 9提问于2017-05-08得票数 21
回答已采纳
我正在学习React和Redux，当我这样做的时候，我决定制作一个带有按钮的网页，点击按钮就会改变状态。在按钮下面，我想在另一个组件中显示当前状态。虽然单击按钮会更改状态，但它不会反映在组件中。下面是我的代码：
App.js
import React from 'react'
import Name from './Name'
import {changeName} from './Action';
export default function App () {
return (
<div>
浏览 0提问于2019-10-05得票数 6
所以，我必须对REST提出一个异步请求，我读过redux thunk的文章，但是我仍然有点困惑，所以我试图在减速机内部提出一个异步请求。
下面是一个工作示例，它返回普通的json对象
return Object.assign({}, state,
{ texts: state.texts.concat({ data: 'some text'}) })
但是当涉及到网络请求时，它不会产生任何错误，它只是看起来返回不工作，所以这就是为什么我的组件不能更新
axios.get('https://dog.ceo/api/breeds/image/random').t
浏览 1提问于2019-08-25得票数 1
回答已采纳
1回答
我正在挖掘与Redux的反应，以重写我们的产品。使用Redux 清除了Redux周围的大量雾。然后，我发现React路由器使状态管理变得混乱，并在redux路由器中找到了解决方案。
现在我想把这些优秀的库结合起来。但我觉得我在配置上做错了什么。这是密码。从的一个沙箱示例开始，我将configureStore.js文件更改为(为了简单起见，我省略了用户还原程序的代码)
import { connectRoutes } from 'redux-first-router';
import { configureStore, getDefaultMiddleware } from &#
浏览 4提问于2020-01-16得票数 2
回答已采纳
1回答
让我困了几天的问题是，虽然我的redux devtool显示了成功的状态更新，没有任何类型的变化，并且成功地重新呈现了视图组件，但是当我调用getState()时，它总是返回初始状态，而不关心更新的状态！任何人谁知道什么可以造成这种情况，请帮助我。
我使用react-redux和redux-thunk
action.js
export function test(data) {
return {
type: 'TEST',
data
};
}
export function testFunc(data) {
return dispatch =>
浏览 4提问于2018-04-18得票数 9
回答已采纳
在下面的示例中，我希望组件在列表更新时重新呈现。但是，即使connect被传递了新的状态，它也不会重新呈现组件。
我知道connect执行浅层比较，但不知道如何让它比较object的值。我找不到任何启用了这些选项的连接示例。
我已经看到了和更多，但它也没有帮助。
我试过了
const ConnectList = connect(mapStateToProps,null,null,{areStatesEqual : () => false})(List)
试着让它重新呈现任何变化。这似乎不太管用。
import React, { Component } from 'react
浏览 0提问于2018-07-08得票数 1
3回答
请注意，我在redux商店中遇到了一些我不理解的行为。 尽管我的store.dispatch在从js类调用时调用了reducer，但它并没有触发更改。 我的店铺如下： const persistedReducer = persistReducer(persistConfig, reducers);
export default () => {
const store = createStore(
persistedReducer,
composeWithDevTools(
applyMiddleware(thunk),
浏览 19提问于2019-09-14得票数 1
回答已采纳
我正在尝试创建一个React Redux文件的简单示例，以演示从API检索数据后的更改。reducer确实创建了一个要返回的新状态，但是render()并没有被调用。render()是否仅在Provider标记内的子组件中调用；即。它不会调用在其中定义提供程序的组件的render()。 如果有任何帮助，我将不胜感激，因为我已经阅读了几个小时的文档。:-( import React from 'react';
import axios from 'axios';
import { createStore } from 'redux';
impor
浏览 27提问于2020-01-03得票数 1
回答已采纳
2回答
因此，我完全不明白如何集成容器和组件模式。我已经复习了整个上午的例子，似乎什么都没有点击。在我的第一个项目之前，我是如何使用React的？？在我的视图组件中获取数据，然后使用工作的@connect将数据作为道具传递给我，但在此时以“自动”的方式传递给我。
import React;
...
import {action} from 'path/to/action.js';
@connect((store) => {return{ key: store.property}});
export class Component{
componentWillMount()
浏览 3提问于2017-08-31得票数 1
回答已采纳
当我在控制台中使用产品API中的数组方法(如map、filter等)时，以及在浏览器中没有得到任何信息时，我都会出错。我在这里使用redux-toolkit/query在我的Reactjs应用程序。我在我的系统中使用了react 18版本和Node.js 16版本。
Home.js
import React from "react";
import { Error, Loader, Products } from "../components";
import { useGetAllProductsQuery } from "../redux/
浏览 5提问于2022-11-03得票数 1
2回答
在我的应用程序中，我使用了React和Redux (以及用于异步任务的Redux-thunk )。因此，当我需要将一些数据写入store作为component交互的结果时，我会同时使用action和reducer。但它总是必要的吗？尤其是在对修改后的字段没有connect的情况下，component？我总是需要action和reducer将一些数据写入store吗？或者，也许有一种类似于setState in store的方法
浏览 7提问于2016-11-15得票数 0
回答已采纳
2回答
我有一个变量attackHero，它的初始值是Ironman。它正确地显示在页面上。在按钮上单击，我将通过Redux调度将其更改为Hulk。但这一变化并没有反映在这一页中。我是不是漏掉了什么？
请看下面的代码。
import React, { Component } from 'react';
import { createStore } from 'redux';
class ReduxDemo extends Component {
constructor(props) {
super(props);
this.i
浏览 1提问于2018-08-25得票数 0
回答已采纳
11回答
腾讯云上如何自建DNS？
、、、、
当前腾讯云私有域VPCDNS暂时还不支持背景下，怎么在腾讯云CVM环境下构建内网解析？
实现功能：
1.支持腾讯云云环境保留域名解析如：mirrors.tencentyun.com;
2.支持用户自有业务域名内部网解析如：you.aaa.com；
3.支持访问外网域名解析如：www.qq.com；
4.支持分域名转发到不同的DNS服务器；
基础环境：
CVM：标准型SA2（请根据自身业务情况，选择样本）
操作系统：CentOS Linux版本7.6.1810（核心）
绑定：bind-9.11.4-16.P
浏览 1420提问于2021-01-27
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
