установить глобальную функцию / переменные с реагирующими хуками

Question

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

Здесь ошибка

TypeError: _function__WEBPACK_IMPORTED_MODULE_11__ is not a function

здесь объявление о моей функции в файле с именем function.js

export const getData=(url,callBack) =>{

    fetch(url)
    .then(response => {
      if (response.ok) {
        return response.json();
      } else {
        throw new Error("Something went wrong");
      }
    })
    .then(jsonResponse => {
      callBack(jsonResponse);
      return jsonResponse;
    })
    .catch(error => {
      console.log(error);
    });

  }

Здесь импорт и использование

import * as getData from  "../function"



const App = () => {
  const URL="http://...";

  const [count, setCount]=useState(0);
  const [data, setData] = useState([]);



  useEffect(() => {
   getData(URL,setCount);

  });

Я хочу вызывать эту функцию на каждом экране

Answer 1

Проверьте относительный импорт пути и измените на

  import *  as api from  "../function". 

, используя пример

  api.getData(URL,setCount);

Answer 2

Проблема в операторе импорта.

Измените оператор импорта на:

import {getData} from  "../function"