小编eug*_*vnk的帖子

可以从 redux-toolkit 中的另一个操作分派切片的操作吗?

我正在使用 redux-toolkit 并有 2 个切片:“auth”和“profile”

auth => 处理有关令牌
配置文件的信息 => 处理有关用户帐户的信息

当用户尝试登录时,我向 api 发送请求,该请求返回用户令牌和帐户信息。然后我需要保存这些信息。我将令牌放入相应的字段(在同一切片中)。我需要将我的帐户信息放入“profile”切片(登录处理发生在“auth”切片中)。现在我只是从“auth”切片分派 setProfile 操作。

从“auth”切片分派“profile”操作是否是反模式?或者我必须将此逻辑从 redux 移至组件?或者在切片之外进行“登录”操作?或者我需要将它们全部保留在一片中吗?

// PROFILE SLICE | profile.js 

const initialState = {
  data: {},
  status: 'idle'
}

export const profileSlice = createSlice({
  name: 'profile',
  initialState,
  reducers: {
    setProfile(s, {payload: profile}) {
      s.profile = profile
    }
  }
})

export const {setProfile} = userSlice.actions;
export default profileSlice.reducer


// AUTH SLICE | auth.js

import {setProfile} from './profile' // import action creator from profile slice

const initialState = …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs redux redux-toolkit

10
推荐指数
1
解决办法
1万
查看次数

标签 统计

javascript ×1

reactjs ×1

redux ×1

redux-toolkit ×1