redux相关内容
我这里的产品可能有一个或多个图像。具体取决于ProductCode。 如果ProductCode为,则它们属于同一产品。可以在图像的文件名上找到ProductCode,它在第一个下划线之后。例如,如果文件名为AA_BB_CC.jpg。ProductCode为bb。 您可以查看“我的代码”框中的样本图像。 因此,如果图像具有相同的ProductCode,它应该加起来就是产品。我的问题是在
..
代码包装箱在此处https://codesandbox.io/s/rtk-github-issues-example-03-final-async-su4hz?file=/src/features/issuesList/IssuesListPage.tsx 我已经使用了AppDispatch,它建议https://react-redux.js.org/using-react-redux/stat
..
我对React和Redux不熟悉。现在学习有关钩子的知识,真的很困惑。 做一个教程应用程序(老师正在使用课程),它应该从jsonPlacehold(异步)获取一些API数据,然后与redux一起使用。目前,我无法在屏幕上显示提取的数据。 最下面还有我的两个附加问题。 我的代码(这不起作用): 错误: TypeError:posts.map不是函数 PostList.js i
..
根据标题,我使用的是Redux-Toolkit&;TypeScrip。特别是,我正在尝试使用redux docs中建议的ConnectedProps。遗憾的是,它似乎没有得到正确的派单类型(特别是它认为它具有正常的派单类型,而不是ThunkDispatch)。 有什么建议吗?目前我要么: (1)使用自定义的“useThunkDispatch”挂钩。但这引入了我并不真正想要的额外行
..
我有一个应用程序,它使用第一个createAsyncThunk从API获取第一个页面,然后我希望第二个createAsyncThunk获取下一个页面,在用户到达页面底部并以无限滚动的方法获取数据时触发。 // Gets the First 10 Posts from the API export const getPosts = createAsyncThunk( "post/getPo
..
我在我的应用程序中使用Redux进行状态管理--使用Reaction Hooks。我可以点击API并从我的操作创建者日志中获得如下屏幕截图: 以下是我试图在其中显示结果的组件的代码: import { useState, useEffect } from "react"; import {Link} from 'react-router-dom'; import styled fro
..
我正在尝试处理我的redux saga函数,并希望传入关于check Error redux saga函数的错误: export function* onCheck({payload}) { try { if (internetConnected) { const response = yield call(checkApi, payload); if (
..
我正在尝试从股票API获取一些股票数据。 我可以使用正常的反应钩子来获取它,但在使用Redux和Redux Saga来获取它时,我面临着问题。 在第一次渲染中,它不会更新redux存储。 它更新第二个渲染中的复制存储。 但即使更新了Redux存储区,我的组件也不会获得更新状态?? 有人能帮忙吗? 这是我的组件: import React, { useState,useEffect
..
我有以下功能。 const loadUsers= () => { return async (dispatch) => { dispatch(userRequest()); let response= null try { response= await UserService.getUser(); dispatch(userLoading
..
我有一个ReduxuseSelector组件,当我想测试呈现文本时,它在useSelector上显示错误消息,并显示错误消息:could not find react-redux context value; please ensure the component is wrapped in a 。我已经把放到了顶层组件,我的测试代码哪里错了?应用本身运行正
..
我正在尝试检测父组件中的表单状态是否已更改,以便只有在表单值已更改时才能显示提交按钮。 初始呈现如预期显示FALSE,但更改这些值不会触发使用新的值重新呈现。 import React from 'react' import { isDirty } from 'redux-form' import { connect } from 'react-redux' {
..
我正在尝试使用redux-form库预先填充一个表单。我现在遇到的问题是,当单击Edit Item按钮时,item.id能够从Items或Item组件传递到List。这样,我就可以根据listItems数组检查它,并获取它的数据来填充表单。但在此之前,我创建了一个函数populateForm来尝试redux-form的dispatch/initialize函数用于“populating”表单。它可
..
我正在通过道具传递一个函数,该函数用大写字母表示要映射的一些项。我在item.creator的项部分收到一个错误。我只是想知道为什么我会收到这个错误,而不能直接调用映射内部的函数。感谢您的帮助。 错误消息为行分析错误:意外标记,应为“,”。 父组件 export default function MainContent() { const techContent = useS
..
我希望能够根据对象的另一个属性推断对象的属性类型,而不必像Newtype那样声明T。而是声明Newtype并从属性推断T。见下图: export interface Action { type: K; payload: K extends "UPDATE_FIVE_DAY" ? { fiveDayForecast?: FiveDayForecast;
..
当我决定使用redux和redux-saga时,我已经在使用带有反应导航的原生反应了。 我的问题是我不知道如何在Reducer或Saga文件中导航。 我找到了这个link on how to navigate without navigation prop,但这个示例与我的入口文件(index.js)和顶级导航器(src/app.js,不确定这是否是顶级导航器)不同。 index.js(条目
..
setCurrentPage只是将对象存储到我的全局存储中的一个页面对象中。因此,如果我在设置后立即尝试访问它..好像有延迟,物体是空的。但如果我在之后将相同的对象统一记录在一个按钮中并单击它..已填充。 有没有我不知道的复印滞后?我能做些什么才能让它起作用呢?它弄乱了我的代码..。 感谢您的帮助 // initialState.js // my global redux sto
..
我是Redux的新手,我已经将它与我的Reaction应用程序集成在一起,但我有一个关于小测试的说明。 在下一个示例中,我看到在第二次单击时添加了User的值。 减速机: const initialState = { user: '', password: '' } export const admin = (state = initialState, acti
..
我正在寻找在Next.js应用程序中更好地获取数据的解决方案。在这个问题中,我不仅在寻找解决方案,我还在寻找多个选项,以便我们可以看到利弊。 我遇到的问题 现在我有几个页面,它们都包括一个显示一些静态内容的组件和一个具有从API获取的一些动态内容的组件。每个页面在其getInitialProps()中执行fetch()以获取自己的页面数据和页脚数据,对所有页面都是相同的。 这当然是可
..
我将语义-UI Accordion用于包裹在eCharts折线图周围的Segment Reaction组件(使用echarts-for-react)。我目前有一个按钮,它允许我折叠线条图,如“折叠”变量中所示。 我还有一个按钮,允许我将组件的大小从半屏更改为全屏。 问题是,当组件已经“折叠”时,我触发了从半屏到全屏的大小调整,然后“取消折叠”组件,图表不会调整到新的容器大小。 未
..
是否可以使用fetch API为每个请求设置默认标头? 我想要做的是,只要localStorage中有json Web令牌,就设置一个Authorization头。我目前的解决方案是使用此函数设置Header: export default function setHeaders(headers) { if(localStorage.jwt) { return {
..