我們有一個 React 應用程序，它與第三方庫通信以進行電話集成。每當有人打電話時，第三方庫就會觸發(fā) React 應用程序內(nèi)部的回調(diào)函數(shù)。到現(xiàn)在為止一切都很好，但是現(xiàn)在這個回調(diào)函數(shù)需要訪問當前狀態(tài)，這似乎會帶來問題。這個回調(diào)函數(shù)內(nèi)部的狀態(tài)，似乎總是處于初始值并且永遠不會更新。我在這里做了一個小沙盒來描述這個問題：https ://codesandbox.io/s/vigorous-panini-0kge6?file=/src/App.js在沙盒中，當我單擊“內(nèi)部增加”時，計數(shù)器值會正確更新。但是，相同的函數(shù)已添加為 ThirdPartyApi 的回調(diào)，當我單擊“外部增加”時將調(diào)用它。當我這樣做時，計數(shù)器值恢復為 useState 中的默認值。我怎樣才能讓第三個庫知道來自 React 內(nèi)部的狀態(tài)更新？應用程序.js：import React, { useState, useEffect } from "react";import ThirdPartyApi from "./third-party-api";import "./styles.css";let api = new ThirdPartyApi();export default function App() {  const [counter, setCounter] = useState(5);  const increaseCounter = () => {    setCounter(counter + 1);    console.log(counter);  };  useEffect(() => {    api.registerCallback(increaseCounter);  }, []);  return (    <div className="App">      <p>        <button onClick={() => increaseCounter()}>Internal increase</button>      </p>      <p>        <button onClick={() => api.triggerCallback()}>External increase</button>      </p>    </div>  );}第三方-api.js：export default class ThirdPartyApi {  registerCallback(callback) {    this.callback = callback;  }  triggerCallback() {    this.callback();  }}