redux相关内容
我有以下 Redux+React 组件 import {PropTypes, React, Component} from 'react';导入从“反应选择"中选择;类 DimensionPicker 扩展组件 {componentDidMount() {const {onLoad} = this.props;负载();}使成为() {const {onChange, attributeList
..
我正在尝试与一个构建 React 应用程序的团队合作,并试图找出创建“高阶"React 组件(一个包装另一个)以结合 Redux 数据执行身份验证的最佳方法存储. 到目前为止,我的方法是创建一个模块,该模块由一个函数组成,该函数根据是否有经过身份验证的用户返回一个新的 React 组件. 导出默认函数 auth(Component) {class Authenticated 扩展 Reac
..
我想知道从 extraReducer 调用 dispatch(someDumbAction()) 是否可能(或一个好的做法). 例如,我在 createSlice 的 reducers 对象中有一个 setData() 操作.我想直接在我的组件中调用 setData().但我也想在 extraReducer 监听器中调用它,以便重用 reducer 逻辑,如下所示: //Thunk 动作e
..
我正在尝试按照 微前端 文章.我正在为每个 MFE(微前端)创建多个存储库,并为应用程序使用 Redux.我有以下架构: Frame - 一个集中式(主)存储库,负责根据路由呈现主要应用程序部分和 MFE(我使用的是 connected-react-router).它初始化 Redux 存储并添加一个 injectReducer 函数来动态添加减速器,如 redux 中的代码拆分 文档.该框
..
我在更新 "@reduxjs/toolkit" 后收到 getDefaultMiddleware is deprecated 警告:"^1.6.1" 那么我应该如何删除这个警告.我们还有其他方法可以在 configureStore 函数中注入默认中间件吗? import { configureStore, getDefaultMiddleware } from "@reduxjs/toolkit
..
我有以下对象.当用户点击按钮时,该对象会被分配一个新值. state = {标题: '',ID: '',图像 ID: '',登机:{ID: '',测试: '',工作: {标题: '',ID: ''}}} 我更新的对象看起来像: state = {title: '我的 img',id: '1234',图像 ID:'5678-232e',登机:{id: '0980-erf2',标题:'嘿那里',
..
不知道为什么我会收到这个错误,当我将 connect 从 redux 添加到我的登录组件时发生了,所以我可以连接我的 store. 失败 src/components/auth/Login.test.js ● 测试套件运行失败 不变违规:无法在“Connect(LoginContainer)"的上下文或道具中找到“store".要么将根组件包装在 中,要么将“store"作为道具
..
假设我有两个减速器. Reducer No.1:Currently-Selected-Item-Reducer state = {currentlySelectedItemId: 123} Reducer No.2:All-Items-Reducer state = [{ id: 123, name: "John"}, {id: 231, name: "Jill"}, {id: 411
..
我一直遵循广泛给出的学习 React 开发的建议,首先掌握组件 props,将 UI 状态封装在组件级别 this.state 并有选择地通过组件树.这是一次有启发性的经历.我已经开始欣赏无状态视图设计模式的强大功能,并且我觉得我已经能够使用这些技术实现稳健且组织良好的结果. 继续前进,我现在正在尝试使用 redux 合并更复杂的状态管理.但是当我涉足复杂性并将 redux 集成到我的应用程
..
action.js: export const login = creds =>{console.log(`${url}/login`);const requestOptions = {方法:“POST",标题:{接受:“应用程序/json",“内容类型":“应用程序/json"},身体:信用};返回函数(调度){调度({ 类型:LOGIN_REQUEST });函数定时器(){return f
..
我目前正在关注本教程.我在以下代码中遇到了一个涉及 mapStateToProps 的问题: 从'react'导入React;从'./voting'导入投票;从'react-redux'导入{connect};const mapStateToProps = (状态) =>{返回 {对: state.getIn(['vote','pair']),获胜者:state.get('获胜者')};}con
..
嗨,我有一个组件,我将 redux 集成到我的 React 应用程序中.我正在打开第二个然后第三个组件.我不希望将我在第一个组件中获得的数据传递给 props 中的第二个然后第三个. 我想使用 redux store 来做到这一点.有没有办法做到这一点? App.js import React, { Component } from "react";从“./logo.svg"导入标志
..
您好,我使用不可变映射作为状态,当我尝试 maspStateToProps 时出现此错误. 未捕获的不变违规:mapStateToProps 必须返回一个对象.而是收到 Map {}. 这是我的代码: 组件: const mapStateToProps = (state) =>{返回状态}类 LoanCalculator 扩展了 React.Component{compone
..
React Dev Tools 非常适合与 Redux 一起使用,我可以简单地进入并修改 props/state 以查看对相关容器的影响. 但是,如果所需的 Container 未安装,我需要直接修改 Redux 存储以使其出现.这是否可以使用 Chrome Dev Tools,我可以找到 Redux 商店,它是顶级 组件,我什至可以看到 getState方法,但是有
..
另一种提问方式是,如果您真的只想使用保存在 localStorage 中的数据启动您的应用程序(再水化)并将每个 redux 状态更改保存到 localStorage(持久化)正在使用 redux-persist 比使用你自己的解决方案更好,比如 Dan Abramov 在这里解释? 我知道 redux-persist 有很多其他功能,我自己开始使用它是为了能够使用 redux-persis
..
有很多文章展示了如何用上下文和钩子替换 Redux(参见 (注意:React Github 页面上的这个讨论表明它不能完成) 解决方案 不,这不可能.每当您将新的上下文值放入提供程序时,所有 使用者都会重新渲染,即使他们只需要该上下文值的一部分. 这是特别是我们放弃使用上下文的原因之一在 React-Redux v6 中传播状态更新,并在 v7 中切换回使用直接存储订阅. 有
..
这似乎是一个简单的用例,但我无法弄清楚.我想显示从通过 HTTP 对远程 API 的请求中检索到的项目列表.我希望在请求发生时屏幕最初显示为空白,然后在可用时填充结果. 所以我想我会有两个组件:愚蠢的“项目列表"组件和一个包装器“展示"组件,呃,在渲染带有空项目列表的哑组件时,以某种方式启动远程请求状态. 我知道如何启动初始远程请求:使用 componentDidMount().
..
在使用 Redux 的大型 React Native 应用程序中导航期间,所有访问的场景(来自导航堆栈的场景)都保持挂载.当从最后一个场景组件调度任何动作时,所有这些场景都会接收道具并按照它们被访问的顺序进行渲染.它会导致调度和最后一个场景渲染之间的冻结和可见延迟. 对于导航,我使用 react-native-router-flux 但相同原始 React Native Navigator
..
我尝试向我的应用程序添加一个状态,该状态在某个事件过去时刚刚保存了一个布尔值.我不知道我在这里做错了什么. 减速器: import * as actionTypes from '../constants/action-types.js';const 初始状态 = [{事件通过:false}];导出默认函数 eventPassed(state = initialState, action)
..
我已经使用传统的 react-redux 设置配置了 redux-persist,如下所示: onst persistConfig = {键:'根',贮存,白名单:['todos'],};const persistedReducer = persistReducer(persistConfig, reducer);常量存储 = 创建存储(持久化减速器,window.__REDUX_DEVTOOL
..