簡體   English   中英

無法加載從 React/redux 中的另一個 js 文件導入的 App.js 中的函數

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM