我正在嘗試創建一個對服務器的簡單 API 調用。為了做到這一點，我創建了一個名為 - 的文件likes.js，其中包含：import axios from 'axios';import tokenConfig from './auth';// Like Reportexport const likePostas = (report_public_id) => (dispatch, getState) => {  console.log('Trying to call the server')  axios    .post(`/api/report/like?report=${report_public_id}`, tokenConfig(getState))    .then((res) => {      console.log(res.data)    })    .catch(err => {      console.log(err.response.data)    });};所以基本上它應該可以工作，另一件事是我需要將令牌傳遞到標頭，所以我有另一個文件是auth.js// Setup config with token - helper functionexport const tokenConfig = (getState) => {  // Get token from state  const token = getState().auth.token;  // Headers  const config = {    headers: {      'Content-Type': 'application/json',    },  };  // If token, add to headers config  if (token) {    config.headers['Authorization'] = `Token ${token}`;  }  return config;};export default tokenConfig;現在我只需按 JSX 內的按鈕即可調用它。這是我的代碼：import React, { useEffect, useState } from "react";import { Button } from "../ButtonElement";import { likePostas } from "../actions/likes";const ReportCards = ({ report }) => {  const IsVerifiedDiv = (    <IsVerified>      <GoVerified />      <IsVerifiedToolTip>        This user is <span style={{ color: "#01BF71" }}>Verified</span>      </IsVerifiedToolTip>    </IsVerified>  );  useEffect(() => {    // Update the document title using the browser API    document.title = `Winteka - View Report`;    window.scroll({      top: 0,      left: 0,      behavior: "smooth",    });  }, [0]);  return (    <>        <BtnWrap2 onClick={likePostas(report.public_id)} />    </>  );};export default ReportCards;但當我按下按鈕時，我收到此錯誤：react-dom.development.js:327 Uncaught TypeError: getState is not a function