在Redux表单中分派操作后尝试重定向时出错
，可能是由于以下原因导致的：
- 未正确配置路由：在Redux中使用重定向功能时，需要确保正确配置了路由。可以使用React Router等库来管理应用程序的路由，并确保在表单提交后正确配置了重定向路径。
- 未正确处理表单提交：在Redux中，表单提交通常是通过分派一个操作来触发的。在处理表单提交的操作中，需要确保正确地更新Redux store中的状态，并在必要时触发重定向操作。
- 未正确处理重定向操作：在Redux中，重定向操作通常是通过在Redux store中更新路由状态来实现的。需要确保在分派重定向操作后，正确地更新路由状态，并确保路由组件能够正确地响应这些变化。
- 未正确处理异步操作：如果表单提交涉及到异步操作（例如发送网络请求），需要确保正确地处理异步操作的结果，并在必要时触发重定向操作。可以使用Redux中间件（如redux-thunk或redux-saga）来处理异步操作。
针对以上问题，可以采取以下解决方案：
- 确保正确配置了路由：使用React Router等库来管理应用程序的路由，并确保在表单提交后正确配置了重定向路径。可以参考腾讯云的产品介绍链接地址：React Router
- 确保正确处理表单提交：在处理表单提交的操作中，更新Redux store中的状态，并在必要时触发重定向操作。可以参考腾讯云的产品介绍链接地址：Redux
- 确保正确处理重定向操作：在分派重定向操作后，更新路由状态，并确保路由组件能够正确地响应这些变化。可以参考腾讯云的产品介绍链接地址：React Router
- 确保正确处理异步操作：如果表单提交涉及到异步操作，使用Redux中间件来处理异步操作的结果，并在必要时触发重定向操作。可以参考腾讯云的产品介绍链接地址：Redux Thunk、Redux Saga
请注意，以上解决方案仅供参考，具体的实施方式可能会根据具体的应用场景和技术栈而有所不同。
相关·内容
从onSubmit 1的文档中可以看出，为了最大限度地利用redux-form (例如，使用错误详细信息更新字段，成功时重定向)，应该返回一个promise。
如果使用redux-thunk或类似的，并从动作创建者返回承诺，这是可以的。
然而，我的应用程序中的异步操作并不返回承诺-它们使用中间件来处理API请求。就像redux文档2中的callAPIMiddleware函数。
当提交表单时，我希望触发一个SAVE操作，让服务器完成它的工作，并通过侦听由中间件自动触发的SAVE_SUCCESS或SAVE_ERROR操作来处理响应。然后，我的表单将显示错误，在成功后执行某些操作，等等。
有没有办法
浏览 1提问于2016-09-29得票数 1
我有显示表单的组件AddCarWash，当此表单提交时，我将browserHistory.push(url)重定向到另一个组件AllCarWash。另外，在重定向之前，我放入了redux store message : 'CarWash was save successfully'。此消息将显示在目标组件AllCarWash中。
显然，这条消息应该只显示一次，并且在任何进一步的用户操作中，它都不应该显示。因此，当我被显示时，我必须从redux存储中删除数据。我该怎么做呢？在页面中的每一个Link中都放入resetMessageHandler，还是有很多简单的方法？
浏览 0提问于2016-10-16得票数 0
1回答
我是一个全新的反应和工作的现有的反应-Redux应用程序。
我试图在http Post之后将用户重定向到中间件中。调用成功完成。服务器终止会话并在承诺的.then块中结束：
import { push } from 'react-router-redux';
API.post(`/logout`).then(
(response) => {
next(push(`http://www.google.com`));
},
(message) => {
console.warn('log
浏览 0提问于2018-03-15得票数 0
回答已采纳
我一直想知道Redux工具的导入特性。如果我的逻辑有问题就纠正它。
我正在开发一个多步骤、表单重的应用程序UI，它将其状态序列化为Redux。试图通过每次查看应用程序并填充/验证每个字段来复制bug是效率低下的。我发现了Redux (RDT)，并将状态导出到稍后才填写和验证表单。
我重新启动了新的应用程序，直接导航到URL (它在dev环境中，所以没有安全保护)，并导入了state.json文件。
由于UI不是从Redux派生它的状态，而是将它的状态保存到Redux中，所以UI可预见地不会在导入state.json文件时更新。这个问题是关于对导入state.json文件的单一同步操作的响应。
浏览 3提问于2017-11-07得票数 0
我正在学习react和redux，并希望创建具有多个字段的表单。因此，由于表单数据是其他组件正常工作所必需的，所以我想将表单状态保存在redux存储中。但是，我假设的是，由于用户每次单击键盘上的按钮时，都会将新的操作分派到存储。问题是它会影响我的应用程序的性能吗？同样，是否可以在redux store中保持表单状态，以及当我们每次单击键盘上的按钮时，都会将新的操作分派到store？这不会影响性能吗？
浏览 1提问于2020-06-08得票数 1
1回答
提交成功后重定向到其他路由
、、、、
我使用redux-form和react-router。Redux-form提供了一个名为onSubmitSuccess的方法，在成功提交后会调用该方法。但是，我不能通过该方法访问路由器。
提交成功后，如何使用react-router重定向到新路由？
浏览 12提问于2016-09-22得票数 1
回答已采纳
我是React和Redux的新手。我有一个带有几个字段的redux表单。在我的Redux DevTools中，我可以看到我的表单和它的所有“值”，并观察输入的变化。在用户输入所有需要的数据后，单击“submit”按钮通过一个操作使用新数据更新Redux状态。所有这些都在起作用。
当用户输入数据时，在提交更改之前，我有一个要求，当用户对某个字段进行更改时，我需要更改另一个字段的显示值。更具体地说，在更新表单的状态之前，当用户输入字段“A”的更改时，我需要检索表单的显示值字段“B”，进行计算，然后将结果显示在字段“C”中。
有没有办法访问Redux表单的显示值？如何以编程方式更新显示的Redux表
浏览 14提问于2020-02-07得票数 0
1回答
我在这上面已经很久了。我已经用一切可能的方式移动了东西。搜索溢出后，我无法从其他用户提出的任何其他问题中找到解决方案。
我有一个应用程序，可以让用户登录。我使用redux在用户登录以接收他们的JWT后存储他们的凭据。我想要能够登录，并立即看到我自己登录。但是，只有在我刷新浏览器后登录后才会发生这种情况。
因此，在react中，我有一个登录表单，在完成收集用户信息的所有典型功能(登录和密码)之后，调用下面的函数。注意，我需要在那里进行分派，即使我没有实际使用它，因为否则我会收到一个错误，它说“操作必须是普通的对象”。
在这个承诺的末尾，我调用getUser来获取JWT，并从服务器返回该帐户上的所
浏览 3提问于2021-07-12得票数 2
回答已采纳
1回答
我有一个redux表单作为组件包含在父组件渲染函数中。
redux表单从其this.props填充表单数据
现在我在父组件中有一个下拉列表，一旦dropdown更改了它的值，我就想要更改redux表单的内容。
我的问题是，一旦单击下拉菜单，如何更改父组件中的redux表单内容(即this.props)？
浏览 3提问于2016-06-22得票数 0
我有一个表单组件和一个按钮在不同的组件。我正在尝试在点击按钮时获取表单的值。
在flux中，我曾经在组件中附加事件，但我们如何才能在redux中实现。
浏览 1提问于2016-05-07得票数 0
我在我的应用程序中使用redux saga，我有一个登录表单，当我通过身份验证时，我使用重定向组件移动到应用程序，我当然是在更改我的connectedUser状态后执行此操作，就像这样： const initialState = {
loading: false,
user: {},
status: ""
}; 在对状态更改为status:"AUTH"和user: { // user data }进行身份验证时，这是我重定向到应用程序组件的方式，这是我的身份验证组件呈现方法的外观： render() {
if (this.props.co
浏览 7提问于2020-04-24得票数 0
1回答
在React (和Redux)中，我应该在哪里执行操作(重定向或在本地存储中添加/删除某些内容)？因此，在成功更新密码之后，我希望将用户重定向到另一个页面。是否应该在调度方法之后重定向，是否应该在组件中进行重定向，或者是否有其他选项？
示例操作：
export function updateAccountPassword(encryptedPassword) {
return dispatch => {
axios.post(API_URL + '/account/recovery/update', {
_id: getSi
浏览 0提问于2018-03-25得票数 1
我有一个非常复杂的、多层次、深/嵌套的表单，使用连接到React/Redux。由于表单非常大，我已经将其中的部分分解为子组件。其中一些组件需要访问Redux状态，因此需要有通过道具传递的连接或者是connect()ed。但是，当我使用普通的Redux connect()函数连接子组件时，就不可能编辑它们中的redux表单字段。因此，我尝试使用reduxForm()连接子组件和父组件，这感觉是错误的，但似乎有效。
然而，我现在发现，像removeField()这样的一些功能在连接的子组件中不起作用--例如，child_form.removeField(index)删除了所有的child_form
浏览 2提问于2016-06-08得票数 3
我有一个来自React路由器的Link组件，如下所示：
<Link
className={mainClass}
to={to}
target={target}
>
Link
</Link>
我需要更新redux存储(或在重定向之前运行任何方法)，因为我需要从链接页面发送一个值到目标页面，而路由无法更新。
浏览 7提问于2017-02-16得票数 1
回答已采纳
我有一个问题，关于从一个减速器调用一个动作，或者只是重定向到另一个场景。我想在用户成功登录后重定向到某个场景。我有我的action.js，它使用'redux-api-middleware‘模块：
action.js
export const LOGIN_REQUEST = 'LOGIN_REQUEST';
export const LOGIN_SUCCESSFUL = 'LOGIN_SUCCESSFUL';
export const LOGIN_FAILED = 'LOGIN_FAILED';
export function login
浏览 16提问于2016-09-27得票数 0
我正在使用isDirty检查是否已经输入了表单值(并基于此禁用其他内容)。
import { isDirty } from 'redux-form';
const mapStateToProps = state => ({
isFormDirty: isDirty('myform')(state)
});
这很好用，因为在我想禁用get disabled的按钮中，表单的值发生了变化。当我发送reset redux-form操作创建器时，它们也会被启用。
但是，成功提交表单并不会清除脏状态。我通过isDirty检查禁用的按钮仍然处于禁用状态。
我是否需要
浏览 3提问于2017-03-06得票数 3
我需要创建一个链接，当我单击"Box“组件时，该链接将在新选项卡中打开多个路由。我正在使用Redux，这是我正在遵循的模板，但我被卡住了，因为它似乎不是在新选项卡中打开的持久化状态(包含身份验证数据)。 const onClickBox = () => {
onClickPageOne();
onClickPageTwo();
}
const onClickPageOne = () => {
dispatch(actions.fetchDataPageOne)
}
const onClickPageTwo = () => {
dispat
浏览 47提问于2021-09-30得票数 0
我是React+Redux+Router的新手，我绞尽脑汁想如何在成功登录后将用户转发到PrivateRoute请求。
react认知触发COGNITO_LOGIN操作，并在成功登录时在商店中设置cognito.state = "LOGGED_IN"。我知道react路由器将请求的路由存储在location.state.from.pathname中，我知道要重定向BrowserRouter，我可以使用history.replace()。
我只是不知道我的代码到哪里去了，这样它就会在react onSubmit登录函数异步完成之后执行，因为这个包没有提供回调。
在我的登录表单组件
浏览 2提问于2018-01-15得票数 0
回答已采纳
我仍然在尝试使用redux模式。在我看来，ngrx/effect可以和angular拦截器做同样的事情。我写了一些intereptor来在所有请求中添加hawk凭证，我是否应该将其移动到ngrx/effect？或者我应该两者都使用？
浏览 1提问于2017-10-11得票数 0
我正试图在签出后重定向到页面。但是，每次我签出去时，它都会成功地引导页面。但是，我还是得到了错误
无法读取未定义的属性“类型”
通过“暂停捕获异常”的进一步研究，它与react-router-redux.有关。
因此，下面代码中的行store.dispatch(push('/signin'))引起了这个问题。如果我改为.map(() => ({ type: 'NOT_EXIST' }));，就不会有问题了。
是什么原因造成的？谢谢
actions/auth.action.js
export const signOutSucceedEpic
浏览 2提问于2017-07-30得票数 5
回答已采纳
2回答
我正在创建一个基本的投资组合网站，它有一个联系表格部分，在那里人们可以发送给我的电子邮件通过Formspree。我正在使用Redux表单来完成此操作，但我希望重置表单字段，并在成功提交时添加某种“成功”消息。
我尝试过两种方法: 1)调用this.props.resetForm()，2)调用dispatch(reset('ContactForm')。两者都不起作用。
以下是代码：
contact.js：
import React, { Component } from 'react';
import { connect } from 'react-red
浏览 4提问于2017-05-18得票数 0
回答已采纳
2回答
我在react组件中有3个下拉列表，分别是Country、State和Region。这些下拉列表中的每一个都独立于所填充的数据。
在挂载包装器组件时，我需要填充下拉列表中的数据。我使用redux进行API调用和数据获取。
我应该在我的组件中分派三个操作吗？在react-redux设置中，从API响应中填充3个下拉列表的方法应该是什么？
浏览 24提问于2018-07-23得票数 0
我能够读取reducer (Props)的值，但当该操作似乎被分派到还原器函数时，我无法更新redux值(Props2)。
页面：
componentDidMount(){
console.log("Props:"+this.props.user)
}
dummyFunction() {
//Redux
this.props.toggleTheme('red');
//which prints the object above in the screenshot
console.log(this.props.
浏览 0提问于2019-05-27得票数 1
回答已采纳
2回答
我对萨格斯完全陌生。
最近，我正在为我的未来项目试验一个基础设施，包括react-router v4和sagas。
根据sagas的初级教程和一些关于这个问题的研究，我创建了一个近似，这个想法是使每一个连接的组件被还原成它自己的“微宇宙”，并且有它自己的还原剂，当然它还有sagas文件。
好的，按照代码，下面是组件文件夹和src文件夹的基本结构：
src/
+components/
+foo-component/
-actions.js
-constants.js
-defaultState.js
-index.js
-r
浏览 1提问于2018-03-08得票数 1
1回答
我正在使用material-ui-dropzone上传文件数组并存储在redux中
但是，当我从redux状态中检索它时，它不是"File“类型，并且在devtools中显示为
现在我尝试读取一个文件
const reader = new FileReader();
fileName = mydatafromstate[mydatafromstate.length - 1].name
// file reading finished successfully
reader.addEventListener('loadend', function(e) {
浏览 0提问于2020-07-25得票数 1
我有以下redux-thunk操作：
import { Action } from "redux";
import { ThunkAction as ReduxThunkAction } from "redux-thunk";
import { IState } from "./store";
type TThunkAction = ReduxThunkAction<void, IState, unknown, Action<string>>;
export type TReturnValue = { someStri
浏览 0提问于2021-02-07得票数 5
我的react表单组件的formSubmit部分如下所示：
handleFormSubmission = (e) => {
if (e) e.preventDefault()
const { showErrors, validationErrors, ...formData } = this.state
const { submitForm, router } = this.props
const errors = run(formData, fieldValidations)
let newState = update(this.state, {
vali
浏览 2提问于2017-01-05得票数 0
回答已采纳
1回答
我有一个登录表单，当我单击登录时，URL会被更新，但是组件不会更新。(例如本地主机:8080/某处，但仍在登录页面上)
我的软件包的版本如下：
反应- 15.4.2
反应-路由器&反应-路由器-多姆- 4.1.1
redux-表格- 6.6.1
这是登录组件
class Login extends React.Component {
handleFormSubmit = ( values ) => {
this.props.signInUser(values);
history.push('/somewhere');
};
<di
浏览 3提问于2017-04-26得票数 2
回答已采纳
我有一个<Loading />组件，它封装了我的应用程序中的所有路径。
<Loading />组件具有一个属性isLoading，它接收一个Redux状态变量，该变量指示Loading组件是否可见。
function App() {
const isLoading = useSelector((state) => state.loading.value)
return (
<Loading isLoading={isLoading}>
<BrowserRouter>
浏览 9提问于2022-11-15得票数 1
1回答
我正在制作React应用程序，在注销用户时遇到了一些小问题。"Sign out“按钮是Link元素，它指向注销组件。然后注销组件调用带有访问令牌的注销函数，该函数被发送到后台，用户和访问令牌从我的商店中被清除，页面将用户重定向到登录页面。这一切工作(用户注销成功)，但我有一些轻微的用户体验问题。事实上，在执行注销功能之前，我的注销组件首先尝试重定向到登录页面，然后我的路由器检查是否有用户(仍然存在)，并将他重定向到主页。之后，用户被注销并被重定向到登录页面。我该怎么处理呢？ 这是注销按钮 <Link to='/logout' className='men
浏览 28提问于2021-10-22得票数 0
我正在尝试将表单填写的数据提交给道具。我知道REACT-REDUX，但不知道如何连接基于函数的组件
这是我的代码片段：
import React from 'react';
import TextField from '@material-ui/core/TextField';
import Button from '@material-ui/core/Button';
// import { connect } from "react-redux";
export default function TextFields(pr
浏览 8提问于2019-10-21得票数 0
回答已采纳
1回答
我正在使用React native 0.50.4和react navigation 1.0.0-beta.19。我有个完美的问题。我使用的是带有4个选项卡的Tab navigator，基本上每个选项卡都是表单(最多11个字段)，我已经在redux状态下连接了所有窗体字段(所有4个选项卡)。这样，当在最后一个选项卡进行保存时，数据是可用的。
现在，用户可以在编辑时导航到这个Tab navigator (通过单击按钮编辑)，在每个选项卡的componentDidMount上。我正在派遣动作创建者，它填充每个字段的状态。然后在render方法中填充字段值(来自mapStateToProps)。
注
浏览 5提问于2017-12-18得票数 2
1回答
我有一个与Redux完全工作的React设置。在我的操作文件中，我使用调用第三方API。
在将我的表单组件连接到Redux store并尝试调用POST操作后，我收到一个错误消息，说我无法在undefined...Funny上调用，因为该操作仍然被调用，即表单在抛出此控制台错误后立即提交给第三方的应用程序接口。我已经查看了大量的S/O问题以及axios & redux-thunk文档，但看不到我遗漏了什么。下面是一些相关的代码：
actions.js
import axios from 'axios';
import _ from 'lodash'
im
浏览 0提问于2017-05-18得票数 0
2回答
我正在尝试做一个反应应用，在那里我有一个表单，当我提交时，我想显示的数据在屏幕上。我也在使用redux。我对所有这些都是陌生的，所以我不知道如何将数据保存到存储区，然后显示它为。
如果有人能告诉我该怎么做。我想我应该保存表单中的数据，把它传递给商店，但是不知道怎么做。
import React, { Component } from "react";
import { connect } from "react-redux";
import { bindActionCreators } from "redux";
import * as acti
浏览 5提问于2020-03-01得票数 0
回答已采纳
3回答
我成功地在我的最小角度4样板中实现了@angular-redux/store和redux。我确实理解Redux循环背后的想法，但我很难通过简单的计数器增量按钮示例。
目前，我已经构建了一个简单的登录表单，作为一个组件，需要从我的API中获取一个JWT令牌。我不想让它变得太复杂，所以现在我不想在存储中存储表单状态，因为表单组件不会影响其他组件，对吗？
因此，当我点击submit按钮时，我的login.component.ts将处理对API的验证和http请求。但是表单提交也是一个动作，那么Redux什么时候来这里玩呢？
浏览 0提问于2017-08-12得票数 13
回答已采纳
当dispatch操作完成时，我正在尝试做一些事情，一个类似的问题导致我尝试使用.then。我收到一个错误，它不存在，this.props.dispatch().then is not a function
export function unpackStore(redux_store, namespace) {
// namespace is determined by what name you gave each reducer in combineReducers; client/reducers/index.js
let final_props = {};
l
浏览 2提问于2017-10-01得票数 0
回答已采纳
2回答
如何清除持久化状态onClick
、、、、
使用的语言:带有REACT REDUX工具包的JS (在本例中是redux-持久化)
下面是上下文:我有一个表单，当用户刷新页面时，我会使用redux持久化来保持状态。例如，我们有一个输入文本，用户编写一些东西。如果他刷新，文本将被保存。
这是我的问题:我有一个按钮。在单击时，我想清理状态，并将表单重置为他的初始状态。
我只知道如何清除所有redux持久化状态
<p onClick={() => persistor.purge()}> PURGE</p>
这是我的店
import { configureStore, combineReducers } from
浏览 12提问于2022-09-13得票数 0
在React中，当我调用setState时，它有一个回调通知我已经设置了状态。但是当我使用Redux时，我使用调度来更改状态，但是如何知道状态是否已经更新。
例如：
dispatch({type: 'setCount', {count: 1}});
dispatch({type: 'add', {addedCount: this.state.count + 1}})
第二行依赖于第一行，但我们都知道setState不是同步操作，我如何在Redux中处理这个问题？
浏览 10提问于2017-01-02得票数 0
回答已采纳
我正试图在React/ Redux /redux saga应用程序中通过Pusher实现一个消息传递库Chatkit，而且我是Redux的新手。连接到chatkit的代码如下所示：
const chatManager = new ChatManager({
instanceLocator: 'v1:us1:80215247-1df3-4956-8ba8-9744ffd12161',
userId: 'sarah',
tokenProvider: new TokenProvider({ url: 'your.auth.url'
浏览 0提问于2018-08-13得票数 19
回答已采纳
1回答
我有以下redux-form (v6.5.0)来源：
class MyForm extends Component {
render() {
const {error} = this.props
return (
<form>
<Field.....>
{this.renderError(error)}
</form>
);
}
renderError(error) {
if (erro
浏览 1提问于2017-05-04得票数 3
回答已采纳
我正在尝试将Redux集成到我的角应用程序(角6)中。我正在使用，并尝试遵循以下方法：
在本教程中，当使用对象分派操作时：
this.store.dispatch(new TutorialActions.AddTutorial({name: name, url: url}) )
它似乎在ngrx/store中运行得很好，但对angular-redux/store却不起作用。为了使其正常工作，我必须对对象进行压缩，如下所示：
@dispatch()
dispatchFetchDomainRequest() {
return JSON.stringify(new DomainActio
浏览 0提问于2018-08-27得票数 0
回答已采纳
大约一年前，我学习了React和Redux，直到最近才开始深入使用它们。我惊讶地发现，React和Redux都有相当多的变化。
我注意到的第一件事是，我不能再使用componentWillReceiveProps生命周期方法，它告诉我，我需要使用一些奇怪的getDerivedStateFromProps方法，这并不能真正解决我当前的问题。
基本上，我有一个注册函数，dispatches 3 actions - REGISTER_REQUEST，REGISTER_SUCCESS和REGISTER_FAIL.我的userReducer中还有三个标志-- registering，registered
浏览 0提问于2020-06-26得票数 0
回答已采纳
1回答
带剩余角的形式
、、、
在使用Redux和Angular时寻求一些建议。在过去的几天里，我一直在研究Redux，并且认为这是存储应用程序数据的一个很好的方法。我有问题的地方是是坚持商店内的所有东西，还是只保留某些部分。理想情况下，我认为整个应用程序应该在商店中运行，但是对于表单来说，这似乎非常乏味。
例如，假设我正在使用一个表单来添加一个新产品。这是我的一些痛处。
我希望将用户还原器(存储)与实际的表单状态分开。我应该为每个组件创建一个单独的表单还原器吗？
必须将每个输入字段持久化回存储区，这听起来是一项很大的工作。我已经看到了库简化了这一点，但它的目的是作出反应。
在用Redux创建表单时，有人有什
浏览 1提问于2016-05-17得票数 5
传递产品ID后，我将被重定向到产品详细信息页面。在该页面中，我有产品的详细信息，如名称、目的地、价格和日期等。由于我使用redux并从mongodb获取数据，所以日期被保存为2021-11-23T18:00:00.000Z格式。因此，在获取产品详细信息页中的数据后，我使用flight?.data?.date.split("T")[0]只显示日期。但单击按钮转到“产品详细信息”页面后，它将显示以下错误TypeError: Cannot read properties of undefined (reading 'split')。但是，当我从代码中删除split部件
浏览 0提问于2021-11-25得票数 0
回答已采纳
1回答
我已经创建了一个带有进度条的闪屏。闪屏的整个功能是检查用户是否有空，如果有空，它将重定向到Dashboard else Signup表单。我正在使用redux操作来计算进度条值和登录检查。 以下是我的进度条操作代码： export const progressBarLevel = () => {
return (dispatch) => {
this.progress = 0;
dispatch({ type: PROGRESS, payload: 0 });
setTimeout(() => {
dispatch({ type: I
浏览 14提问于2019-02-18得票数 0
我有一个Redux Memory App，在我的Redux状态下，我有一个由16个Card对象组成的数组。我想根据一个名为randomize的Redux状态属性随机化Card对象的数组 我尝试从reducer中对卡片进行排序，并删除了randomize属性： const INITIAL_STATE = {
deck: sort([{name: "Card 1"}, {...}, ...]),
...
} 但这会打乱我在4x4字段中的onClicks。当我点击一张卡片时，与我点击的卡片不同的卡片被选中。sort算法应该不是问题所在： function sort(cards)
浏览 17提问于2019-05-02得票数 0
2回答
我有一个 and表单，当我按下提交按钮时，就可以在onFinish function中获取表单数据，在该按钮中，我希望使用uesEffect hook，并将表单数据作为有效负载分派到redux中，但我得到了以下错误
React Hook "useEffect" is called in function "onFinish" that is neither a React function component nor a custom React Hook function.
如果我在onFinsh 函数之外编写useEffect钩子，则无法获得表单数据/值。
浏览 6提问于2021-01-20得票数 1
回答已采纳
我正在尝试组合react-router v4、react和redux。因为react-router会跟踪URL，所以我选择在redux-model中保留这段状态。
但是当react-router发生路由更改时，我仍然需要一种方法来分派redux操作。哪里是做这件事的最佳地点？
我的第一个尝试是将它放在react-router的Link的onClick属性中：
render() {
// link config
const links = this.props.photo.album( album => {
<Link key={album.name}
浏览 14提问于2018-02-06得票数 2
回答已采纳
我正在开发一个使用React的应用程序-路由器和Redux。
这个应用程序有一些需要认证的路由，在这种情况下，我将用户重定向到一个登录页面，如下所示。
return <Redirect
to={{
pathname: '/login',
search: `?ret=${encodeURIComponent(location.pathname)}`
}}
登录页面使用login组件呈现，该组件连接到redux存储并检查布尔isSignedIn。当isSignedIn === true时，我将用户重定向到ret查询param中指定的路径。相关代码如下。
浏览 2提问于2022-02-11得票数 0
回答已采纳
1回答
我正在尝试理解处理fetch HTTP请求的正确方式，并确保收到所请求的数据。
我的观点是，我的请求可能会出错，所需的数据对我的应用程序至关重要。在这种情况下，更合适的处理方式是什么呢？只是创建一个新的请求吗？
我如何将该解决方案与redux和redux-thunk相结合
谢谢
浏览 1提问于2017-01-10得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
