我完全迷失了 React async setState :(代碼沙箱這就是我想要實現的目標：當我單擊操作符按鈕（App.js 第 81-98 行）時，我采用 current(new\updated) state.input，用我的函數“格式化”它fixInput（App.js 第 7-22 行，它接受state.input和 event.target.textContent，返回新字符串），并將結果設置為新state.input值。//Display.jsconst Display = (props) => {  //on equals  click  show  the  output ,  if  input continues  , show input, change showoutput  let { input, output, showInput } = props;  return (    <div id="display" className="display_font">      {showInput ? input : output}    </div>  );};//Keypad.jsconst Keypad = (props) => {  return (    <div id="keypad">      <button id="clear" onClick={props.handleCeClick}>        CE      </button>      <button id="seven" onClick={props.handleNumClick}>        7      </button>      <button id="eight" onClick={props.handleNumClick}>        8      </button>      <button id="nine" onClick={props.handleNumClick}>        9      </button>      <button id="add" onClick={props.handleOperClick}>        +      </button>      <button id="four" onClick={props.handleNumClick}>        4      </button>      <button id="five" onClick={props.handleNumClick}>        5      </button>      <button id="six" onClick={props.handleNumClick}>        6      </button>      <button id="subtract" onClick={props.handleOperClick}>        -      </button>      <button id="one" onClick={props.handleNumClick}>        1      </button>      <button id="two" onClick={props.handleNumClick}>        2      </button>      <button id="three" onClick={props.handleNumClick}>        3      </button>      <button id="multiply" onClick={props.handleOperClick}>        *      </button>    </div>  );};React setState 是異步的，并且不會立即更新，因此我只能訪問以前的 state.input，我可以從 setState 回調記錄到控制臺當前狀態，并且我需要設置一個新狀態，這是我無法從回調中執行的。我無法訪問當前狀態，這就是為什么我的fixInput功能無法正常工作（按數字和重復運算符，例如4++，預計只允許添加運算符*-和的兩種組合/-我確實嘗試過用我能想到的各種方式來改變事情。我的方法有什么問題嗎？我的結構可以做到這一點嗎？