如何在独立页面中保持 Reactjs API 调用 function 并从组件调用？

Question

This code is working fine now I want to move api calling function in to separate page

const Login = () => {
const handleSubmit = (event) => {
    axios.post('/api/login', { email: email, password: password})
    .then((result) => {
        let resultEmail = result.email;
        console.log( resultEmail )
        dispatch({ type: 'LOGIN', login: { email } }); 
        console.log(result)
    });
  }
}

===========================

Please check my code that I added below.. Problems

1. Please check any Importing syntax error

2. How can I call login function from login component?

   CONSOLE ERROR - TypeError: _services__WEBPACK_IMPORTED_MODULE_3__.UseApi.login is not a function

//API services page

export const UseApi = () => {
    const { dispatch } = useContext(GlobalContext);

    const login = (email, password) => {
        axios.post('/api/login', { email: email, password: password})
        .then((result) => {
            let resultEmail = result.email;
            console.log( resultEmail )
            dispatch({ type: 'LOGIN', login: { email } });  
            console.log(result)
        });
    }
}




 //login component
    import UseApi from "./services" ;

    function Login() {
         const handleSubmit = (event) => {
             UseApi.login(email, password) 
         }
    };

Answer 1

edited: services.js

import axios from "axios";
import React, { useState, useContext, useEffect } from "react";
import { GlobalContext } from "../../store/globalProvider";

const { dispatch } = useContext(GlobalContext);
const Login = (email, password) => {
  axios
    .post("/api/login", { email: email, password: password })
    .then(result => {
      let resultEmail = result.email;
      console.log(resultEmail);
      dispatch({ type: "LOGIN", login: { email } }); //dispatch function will pass the action up to BookContext
      console.log(result);
    });
};

useEffect(() => {});

export const UseApi = {
  Login
};

let me know if this works for you or not