我正在使用 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)