Estoy buscando mostrar una lista de elementos y dejar que el usuario seleccione algunos elementos de esta lista. ¿Cómo puedo hacer que los elementos seleccionados (de los identificadores seleccionados) vayan al principio de esa lista? ¿Podemos usar transformResponse para eso? ¿O debería hacerse en el componente?
Aquí está la llamada usando redux-toolkit
export const exApi = api.injectEndpoints({ endpoints: (builder) => ({ getEx: builder.query({ query: ({ type }) => `/exemple?type=${type}`, transformResponse: (response: { results }) => response.results, }), }), }); export const { useGetExQuery } = exApi;Y aquí está el componente.
const { selectedIds } = props; const { data: results } = useGetExQuery({ type: "tags" }); return ( <FlatList data={results} renderItem={({ item }) => ( <DisplayElement key={item.id} item={item} isSelected={selectedIds?.includes(item.id)} onPress={() => onPress(item.id)} /> )} /> );