Блог

У меня возникли некоторые трудности с доступом к ответу на динамический запрос.

Я думаю, что проблема в моем селекторе.

Селекторы :

 export const &etDatasetFetchState = state =&&t; state.trackin&.dataset

export const &etDatasetType = state =&&t; state.trackin&.datasetType
  

Где dataset — это объект, который может содержать один или несколько типов dataset.

Древовидную структуру вы можете увидеть здесь : https://&yazo.com/3f1c228a998b1dde6851296e40a48f73 где ‘Document’ динамически устанавливается с помощью моего datasetType reducer :

 const updateDatasetType = (state, action) =&&t; ({
  ...state,
  datasetType: action.value,
})

const handleDatasetSuccess = (state, action) =&&t; ({
  ...state,
  dataset: {
    ...state.dataset,
    [action.datasetType]: {
      ...state[action.datasetType],
      isLoadin&: false,
      response: action.response,
    },
  },
})
  

Во внешнем интерфейсе я могу получить доступ к данным с помощью :

 const datasetType = useSelector(&etDatasetType)

const {response: responseDataset, error: errorDataset} = useSelector(&etDatasetFetchState)
  

И затем я пытаюсь записать данные таким образом с помощью map :

 {datasetType.map(item =&&t; console.lo&(responseDataset[item].data))}
  

где datasetType — это массив с одной или несколькими строками.

DatasetType устанавливается, когда я нажимаю на строку сетки A&-Grid, в которой отображаются пакеты данных с типами наборов данных

Редактировать :

 const handleDatasetRequest = (state, action) =&&t; ({
  ...state,
  dataset: {
    ...state.dataset,
    [action.datasetType]: {
      ...state.dataset[action.datasetType],
      hasInit: true,
      isLoadin&: true,
      response: null,
      error: null,
    },
  },
})
  

Я получил сообщение об ошибке: не удается прочитать свойство ‘Document’ неопределенного

 const {response: responseDataset, error: errorDataset} =
      useSelector(state =&&t; state.trackin&.dataset) // <-- response is undefined
  

Вы пытаетесь получить доступ response к состоянию набора данных, но его там нет :

 const handleDatasetSuccess = (state, action) =&&t; ({
  ...state,
  dataset: {
    ...state.dataset,
    // response is not here
    [action.datasetType]: {
      ...
      response: action.response, // response is here
    },
  },
})
  

Поэтому измените его на:

 const dataset = useSelector(state =&&t; state.trackin&.dataset);

datasetType.map(item =&&t; console.lo&(dataset[item].response.data))
  

и в Redux Dev Tools я вижу, что dataset пуст, потому что ошибка возникает перед вызовом запроса

вы также должны обработать этот случай (до поступления данных с сервера набор данных не определен) :

 datasetType.map(item =&&t; console.lo&(dataset amp;amp; dataset[item] amp;amp; dataset[item].response amp;amp; dataset[item].response.data))
  

PS: Также я вижу другую ошибку в вашем коде:

 const handleDatasetSuccess = (state, action) =&&t; ({
  ...state,
  dataset: {
    ...state.dataset,
    [action.datasetType]: {
      ...state[action.datasetType], // <- Here
  

вместо этого должно быть state.dataset[action.datasetType] .