React — Как экспортировать массив из файла JS, выполнив вызов axios, и использовать его в другом файле JS?

#javascript #reactjs #function #import #react-router

Вопрос:

У меня в основном есть 2 файла с именами a.js и b.js.

b.js создает массив, выполняя вызов axios API для получения некоторых данных, и в зависимости от этих данных массив заполняется соответствующим образом.Я должен заставить b.js вернуть этот массив, чтобы я мог использовать его в a.js

Следует отметить, что при выполнении вызова axios в b.js я должен указать маркер аутентификации пользователя в качестве параметра.

В b.js

 const b = () => {

//Getting the user authentication token
const [token, setToken] = userSessionStorage('details' null)
  
  var myarray = []
  
  useEffect(() => {
  
    //Making axios call to get data
    //depending on data building the array
    //As parameter to the axios call I am sending the user's authentication 
    
    //axios call
    //condition was what was get from the call
    
    if(condition){
        myarray.push(data1)
    }
    else{
        myarray.push(data2)
    }
    
    
    return myarray
    
  });
  
  
}

export default b
 

В a.js

 import b  from "./b.js";

console.log(b) <-------------- GETTING UNDEFINED
 

Любая помощь будет оценена по достоинству.

Ответ №1:

Проверьте, находятся ли a.js и b.js на одном уровне. В остальном все выглядит нормально.

Комментарии:

1. Привет, спасибо за ваш ответ, но они действительно на одном уровне