Javascript 关闭（或打开）模式后，Redux状态清除

我有一个使用React Native和Redux的表单。 此表单有一些输入字段，如标题和日期。 此外，此输入字段具有选择用户的模式。打开和关闭模式后，标题、日期和其他输入字段再次为空。我不知道是关闭还是打开导致了问题。 当我返回到另一个屏幕并返回到NewEvent屏幕时，输入字段仍然被填写。这仅在打开模式时发生

16:51:23 [exp] Object {
16:51:23 [exp]   "eventTitle": "Tes",
16:51:23 [exp]   "state": Object {
16:51:23 [exp]     "state": Object {
16:51:23 [exp]       "eventTitle": "Test123",
16:51:23 [exp]       "state": Object {
16:51:23 [exp]         "state": Object {
16:51:23 [exp]           "state": Object {
16:51:23 [exp]             "state": Object {
16:51:23 [exp]               "state": Object {
16:51:23 [exp]                 "state": Object {
16:51:23 [exp]                   "state": Object {
16:51:23 [exp]                     "eventDate": "no date",
16:51:23 [exp]                     "eventMembers": Array [],
16:51:23 [exp]                     "eventSubtasks": Array [],
16:51:23 [exp]                     "eventTitle": "",
16:51:23 [exp]                   },
16:51:23 [exp]                 },
16:51:23 [exp]               },
16:51:23 [exp]             },
16:51:23 [exp]           },
16:51:23 [exp]         },
16:51:23 [exp]       },
16:51:23 [exp]     },
16:51:23 [exp]   },
16:51:23 [exp] }
16:51:23 [exp] Tes

这是当我记录表单状态的MapStateTops时控制台显示的内容。Test123是我在打开modal之前输入的内容。但是，当我关闭模式eventTitle时，它再次为空。 我是Redux的新手，我不知道它为什么会这样。我需要一个提示，因为我在谷歌搜索这个问题时遇到了困难。 谢谢你的帮助

NewEvent.js

NewEventActions.js

import {
  UPDATE_NEW_EVENT_TITLE,
  UPDATE_NEW_EVENT_DATE,
  UPDATE_NEW_EVENT_MEMBERS,
  UPDATE_NEW_EVENT_SUBTASKS
} from './types';

export const updateNewEventTitle = (text) => {
  return {
    type: UPDATE_NEW_EVENT_TITLE,
    payload: text
  };
};

export const updateNewEventDate = (date) => {
  return {
    type: UPDATE_NEW_EVENT_DATE,
    payload: date
  };
};

NewEventReducer.js //编辑：这就是问题所在：

import {
  UPDATE_NEW_EVENT_TITLE,
  UPDATE_NEW_EVENT_DATE,
  UPDATE_NEW_EVENT_MEMBERS,
  UPDATE_NEW_EVENT_SUBTASKS
} from '../actions/types';

const INITIAL_STATE = {
    eventTitle: '',
    eventDate: 'no date',
    eventMembers: [],
    eventSubtasks: []
 };

export default (state = INITIAL_STATE, action) => {
  switch (action.type) {
    case UPDATE_NEW_EVENT_TITLE:
      return { ...state, eventTitle: action.payload };
    case UPDATE_NEW_EVENT_DATE:
      return { ...state, eventDate: action.payload };
    default:
      return { state };
  }
};

---

在您的减速机中，如何：

发件人：

致：

---

由于您的默认情况，减速机正在创建额外的嵌套集：

export default (state = INITIAL_STATE, action) => {
  switch (action.type) {
    case UPDATE_NEW_EVENT_TITLE:
      return { ...state, eventTitle: action.payload };
    case UPDATE_NEW_EVENT_DATE:
      return { ...state, eventDate: action.payload };
    default:
      return { state };
  }
};

将该行更改为：

return state;

…否则它将创建如下对象：

{
  state: <all the previous state>
}

{
声明：
}

---

…并将继续为符合默认情况的每个操作嵌套状态属性。

请提供一个控制台日志。控制台日志不足以帮助您。。。显示你的代码，好的。我想可能有人已经通过查看console.log知道出了什么问题。谢谢你的评论，我将添加我的代码。感觉我们遗漏了一些东西，但我想说的是，这与减速器开关中的默认情况有关。您正在将默认状态返回包装到一个对象中，这至少可以解释为什么会发生这么多嵌套状态操作。这不是有效的JavaScript。非常感谢！这就解决了问题。我不知道，为什么我在那里用花括号。这个问题困扰了我很长时间，所以再次感谢你对我的帮助。你真棒！

{ ...state, eventTitle: action.payload }

{ ...state, {eventTitle: action.payload} }

export default (state = INITIAL_STATE, action) => {
  switch (action.type) {
    case UPDATE_NEW_EVENT_TITLE:
      return { ...state, eventTitle: action.payload };
    case UPDATE_NEW_EVENT_DATE:
      return { ...state, eventDate: action.payload };
    default:
      return { state };
  }
};

return state;

{
  state: <all the previous state>
}