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

Redux-重复对象名称

  •  0
  • asus  · 技术社区  · 4 年前

    x 它又有一个同名的子节点,然后包含数据。

    用一个例子更好地解释了这一点:

    用户减速机

    const initialState = {
      user: {},
    }
    
    const usersReducer = (state = initialState, action) => {
      switch (action.type) {
        case LOGIN_USER:
          return {
            ...state,
            user: action.payload,
            loggedIn: true,
          }
        case REGISTER_USER:
          return {
            ...state,
            user: action.payload,
            registered: true,
          }
        default:
          return state
      }
    }
    

    处于状态的用户对象 user in redux

    如你所见, user 有一个 用户 嵌套在里面。。这种模式在减速器中可以避免吗?

    0 回复  |  直到 4 年前
        1
  •  2
  •   Eugene Fedotov    4 年前

    您可以在上更改脚本

    case LOGIN_USER:
      return {
        ...state,
        ...action.payload,
        loggedIn: true,
      }