Как создать повторно используемые функции с помощью Redux Toolkit? - PullRequest
Новая
       109

Как создать повторно используемые функции с помощью Redux Toolkit?

0 голосов
/ 16 июня 2020

У меня проблема с созданием функций многократного использования. Я использую Redux Toolkit и доволен тем, что он сокращает шаблон. Создаваемые мной функции относятся к определенному c месту в магазине (это плохо?).

Например, NotesFeature

У меня есть notesSlice. js, а затем зарегистрируйте их в store 

notes: {
  loading: false,
  error: null,
  list: [
    {
      title: "Test",
      body: "Test note",
      ...
    }
  ]
}

Я создал компонент под названием Notes, например. <Notes containerId="some_guid" />, где я получаю данные для указанного контейнера c заметок (из API), и он просто отображает список заметок.

Проблема в том, что я хочу использовать эту функцию во многих местах, например. Page1, Page2, ... Когда я открываю страницу 1, хранилище пусто и все в порядке, но если я go перехожу на страницу 2, у меня есть старые данные, и через некоторое время я вижу новые данные для нового контейнера.

Я ищу способ создания многоразовых функций с помощью ReduxToolkit, которые я смогу создавать последующие экземпляры, и каждый из них будет иметь свою собственную независимую часть хранилища (например, пространство имен или что-то в этом роде). 1014 * Любая помощь приветствуется, хорошего дня.

Отредактировано: И еще одно: если мы хотим использовать ту же функцию на той же странице, они должны быть разделены (пространства имен и селекторы действий redux)

Например: Feature ProductDetails

ProductDetails1 vs ProductDetails2 (например, конфронтация), а внутри них находится кнопка, которая отправляет действие, поэтому будут затронуты как 1, так и 2

...