我正在嘗試在 React 中制作類似于 Cookie Clicker 的增量游戲。我在下面添加了單擊主按鈕時的單擊動畫。該項目被創(chuàng)建為 div 并作為子項附加到按鈕顯示區(qū)域的根。問題在于，這樣做會在允許用戶再次點擊之間產(chǎn)生延遲，因為處理時間很慢。我已經(jīng)刪除了動畫并且響應(yīng)時間保持不變。我可以做出任何改變來加快這個過程嗎？成長按鈕.scss#growIcon {  border-radius: 50%;  width: 245px;  height: 245px;  box-shadow: 0 0 0 5px #263238;  background-color: #263238;  position: relative;  display: flex;}#growRoot {  display: flex;  flex-direction: column;  width: 100%;  min-width: 300px;  min-height: 350px;  height: 47.8vh;  > [id^="x"] {    width: 25px;    height: 25px;    position: absolute;    color: white;    font-weight: bold;    animation: GoUp 1s forwards linear;    -moz-animation: GoUp 1s forwards linear;    -webkit-animation: GoUp 1s forwards linear;    -o-animation: GoUp 1s forwards linear;    -ms-animation: GoUp 1s forwards linear;  }}@-moz-keyframes GoUp {  0% {    opacity: 1;  }  100% {    top: 0px;    opacity: 0;  }}@keyframes GoUp {  0% {    opacity: 1;  }  100% {    top: 0px;    opacity: 0;  }}@-webkit-keyframes GoUp {  0% {    opacity: 1;  }  100% {    top: 0px;    opacity: 0;  }}@-o-keyframes GoUp {  0% {    opacity: 1;  }  100% {    top: 0px;    opacity: 0;  }}@-ms-keyframes GoUp {  0% {    opacity: 1;  }  100% {    top: 0px;    opacity: 0;  }}成長按鈕.js  buttonClick(event, props) {    props.onclick();    let growRoot = document.getElementById("growRoot");    let newDiv = document.createElement("div");    newDiv.innerText = x;    newDiv.setAttribute("id", "x" + x++);    newDiv.style.top = event.clientY + "px";    newDiv.style.left = event.clientX - 10 + "px";    growRoot.appendChild(newDiv);  }   <div id="growRoot">       <img            onClick={(e) => this.buttonClick(e, this.props)}            id="growIcon"            src="./Images/Plague_Icon_3.png"            alt="Dummy growIcon"        />    < /div>