代码之家 › 专栏 › 技术社区 › MCMatan

按键、嵌套状态保存到redux存储

redux react-native javascript

MCMatan · 技术社区 · 7 年前

聊天应用程序:

我想为每个会话id保存不同的chatmessages数组。

我想象过这个州会是这样的:

state {
  messages: {
   isRequesting: false,
   messageByConversationId: {
    "23523534543": [messages],
    "64634523453": [messages],
   }
 }
}

但我似乎无法保存嵌套状态,有可能吗?

我的代码:(因为这一行而不运行:chatmessage[conversationid]:payload.chatmessages)

export const loadChatMessagesSuccess: Reducer<ImmutableChatMessagesState> =
  (state: ImmutableChatMessagesState, {payload}: AnyAction & { payload?: LoadChatMessagesSuccessParams }) =>
    payload ? {...state, requesting: false, chatMessage[conversationId]: payload.chatMessages}
      : state;

1 回复 | 直到 7 年前

Yury Tarabanko 7 年前

我不太明白你的问题。但您可以执行以下操作将加载的消息添加到 messageByConversationId 对象,同时保留其他加载的消息。

铌。假设你有 conversationId 作为变量。例如,你可以让它成为 payload

export const loadChatMessagesSuccess: Reducer<ImmutableChatMessagesState> = (
  state: ImmutableChatMessagesState,
  { payload }: AnyAction & { payload?: LoadChatMessagesSuccessParams }
) =>
  payload
    ? {
        ...state,
        requesting: false,
        messageByConversationId: {
          ...state.messageByConversationId,
          [payload.conversationId]: payload.chatMessages
        }
      }
    : state;

推荐文章

zuZuu · React Redux-无法设置未定义的属性(设置“value”)

3 年前

universe11 · 对伊默来说,这是正确的还是错误的?

3 年前

Huy282002 · 将redux toolkit与JS一起使用时,不能跳过在CreateSicle()中键入状态

4 年前

Mistakamikaze · React Redux |在全局Redux状态之前更新本地状态

4 年前

Kiv Daor · 当某些项具有未知值时,排序数组无法正常工作

4 年前

Chong Lip Phang · 不变性检查中间件在Redux工具包中做什么?

4 年前

geyser · React Redux toolkit-输入字段的状态管理

4 年前

Avishay Matayev · 正在获取redux的connect HOC的包装组件类型,以便与React一起使用。在不重新导入的情况下重新创建对象

4 年前

Hamed Ezati · 为什么项目会附加到redux而不是替换?

4 年前

Arash jahan bakhshan · redux未使用React 18重新呈现组件

4 年前