[question] Is it possible to obtain the variables and methods in the ASlice through get in the BSlice?

[liaodalin19903]

We know that when using Zustand, multiple Slices can be configured.

export const createASlice: StateCreator<ASlice> = (set, get) => ({
  aState: string,
  action1: () => {

  },
  action2: () => {
    // get can obtain the variables or methods defined in this Slice
  }
});

export const createBSlice: StateCreator<BSlice> = (set, get) => ({
  bState: string,
  action1: () => {

  },
  action2: () => {
    // get can obtain the variables or methods defined in this Slice
  }
});

Excuse me. Is it possible to obtain the variables and methods in the ASlice through get in the BSlice?

[dbritto-dev]

@liaodalin19903 it is possible get return the whole state instead of just slice state but the returned state should be the slice state

[liaodalin19903]

I want to get properties and actions of ASlice in BSlice.

[dbritto-dev]

@liaodalin19903 that's is possible, when you create a slice the input is the whole store state and the output is the slice state

In a nutshell is this

create(initialState) -> state
createSlice(state) + createSlice(state) -> create(initialState)

[liaodalin19903]

I'm sorry I still don't understand, when I test it I can not get the ASlice information from BSlice:

The whole code:

import { StateCreator } from "zustand";

export interface ASlice {
  aState: string,
  action1: () => void,
  action2: () => void 
}

export interface BSlice {
  bState: string,
  action1: () => void,
  action2: () => void 
}

export const createASlice: StateCreator<ASlice> = (set, get) => ({
  aState: 'a',
  action1: () => {

  },
  action2: () => {
    // get can obtain the variables or methods defined in this Slice
  }
});

export const createBSlice: StateCreator<BSlice> = (set, get) => ({
  bState: 'b',
  action1: () => {

  },
  action2: () => {
    // get can obtain the variables or methods defined in this Slice

    const { aState } = get()
    console.log(aState)
  }
});

[dbritto-dev]

@liaodalin19903 the type is wrong, should be

For CreateASlice

StateCreator<ASlice & BSlice, [], [], ASlice>

For CreateBSlice

StateCreator<ASlice & BSlice, [], [], BSlice>

In a nutshell

type State = SliceState1 & SliceState2 & SliceStateN

StateCreator<State, [], [], SliceStateN>

Ref: https://zustand.docs.pmnd.rs/guides/typescript#slices-pattern