![](/img/trans.png)
[英]In React js from App.js how to call another javascript file (service) method to consume API calls
[英]can't load a function In App.js imported from another js file in React/redux
所以我想調用從auth.js
導入的loadUser
函數,但是有些方法沒有調用 auth.js 中的loadUser
函數。 我試圖安慰里面的日志useEffect()
在App.js了,里面loadUser()
在auth.js
,我從useEffect()得到的反饋,但從來沒有得到任何反饋loadUser()
在我看來,它可能貝特功能不正確導出或導入,但我似乎無法找到問題所在。
應用程序.js
import { loadUser } from "./actions/auth";
import setAuthToken from "./utils/setauthtoken";
import "./App.css";
const App = () => {
useEffect(() => {
if (localStorage.token) {
setAuthToken(localStorage.token);
store.dispatch(loadUser);
console.log("use efect app.js");
}
});
認證.js
import axios from "axios";
import setAuthToken from "../utils/setauthtoken";
import { setAlert } from "./alert";
import {
REGISTER_SUCCESS,
REGISTER_FAIL,
USER_LOADED,
AUTH_ERROR,
} from "./types";
//load user
export const loadUser = () => async (dispatch) => {
console.log("from loaduser auth.js");
if (localStorage.token) {
setAuthToken(localStorage.token);
}
try {
const res = await axios.get("/api/auth");
console.log("inside auth.js get auth route");
dispatch({
type: USER_LOADED,
payload: res.data,
});
} catch (err) {
dispatch({
type: AUTH_ERROR,
});
}
};
想通了, store.dispatch(loadUser)
應該是store.dispatch(loadUser())
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.