编辑：下一个版本是 13.3.0

我有一个名为 localArray 的状态，我只想更新到特定索引，因此我想到创建一个时间变量来修改该数组并使用时间值更新状态，问题是，这个状态直到另一个状态更新或快速刷新后才会更新，我不知道为什么会发生这种情况

这是一个最小的可重现示例：

import { useState } from 'react'

function Test() 
{
    const [someState, setSomeState] = useState("");
    const [localArray, setLocalArray] = useState(["","","",""])

    const handleArrayChanges = ( { target: { name, value } } ) => {
        let newArray = localArray;
        newArray[Number(name)] = value;
        setLocalArray(newArray);
    }

    return (
        

            
Array state
                        <p> {localArray[0]}</p>

            <h4>Some other state</h4>
            <button onClick={() => {setSomeState("a")}}>Update some other state</button>
        </div>
      )
}

export default Test</pre>
<p>正如您所看到的，在数组状态更新后，第一个元素应该显示在段落上，但直到解释了顺式情况才显示</p>            </div>
            <div class="share flexRow">
                <div class="shareReply flexColumn shareDiv">
                    <a target="_blank"  href="javascript:;"><img class="sharerImg" src="/static/images/images/icon50.png" data-id="1"></a>
                    <span class="sharerSpan">1</span>
                </div>

                <div class="shareLike flexColumn shareDiv" onclick="ask_comment_good(172087)">
                    <a target="_blank"  href="javascript:;" >
                                                    <img class="sharerImg" src="/static/images/images/icon52.png" data-id="2">
                                            </a>
                    <span class="sharerSpan">0</span>
                </div>


                <div class="shareLDz flexColumn shareDiv dzdiv dzdiv1 aiaskgoodICollection" data-id="">
                    <a target="_blank"  href="javascript:;" >
                                                    <img class="sharerImg " src="/static/images/images/icon37.png" data-id="5">
                                            </a>
                    <span class="sharerSpan">0</span>
                </div>




            </div>
            <script>
                $('.jbtitleimg').on('click',function(){
                    $("#layuitc").hide()
                    var layer = layui.layer;
                    layer.closeAll();
                })
                $('.jbbtn').on('click',function(){
                    $("#layuitc").hide()
                    var layer = layui.layer;
                    layer.closeAll();
                })
                $('.sharerImg').mouseenter(function(e){
                    var dataId = e.currentTarget.dataset.id
                    if(dataId == 1){
                        // $('.shareReply').find('img').attr('src','/static/images/images/icon51.png')
                    }else if(dataId == 2){
                        // $('.shareLike').find('img').attr('src','/static/images/images/icon53.png')
                    }else if(dataId == 4){
                        $('.shareShare').find('img').attr('src','/static/images/images/icon55.png')
                    }else{

                    }

                })
                $('.sharerImg').mouseleave(function(e){
                    var dataId = e.currentTarget.dataset.id
                    if(dataId == 1){
                        // $('.shareReply').find('img').attr('src','/static/images/images/icon50.png')
                    }else if(dataId == 2){
                        // $('.shareLike').find('img').attr('src','/static/images/images/icon52.png')
                    }else if(dataId == 4){
                        $('.shareShare').find('img').attr('src','/static/images/images/icon54.png')
                    }
                })
            </script>
            <!--            <div class="reply">-->
            <!---->
            <!--                <div class="replyTop flexRow">-->
            <!--                    <div class="retLeft flexRow">-->
            <!--                        <img src="/static/images/examples/text55.png" class="retlAvatar" >-->
            <!--                        <span class="retlName">飞儿</span>-->
            <!--                    </div>-->
            <!--                    <a target="_blank"  href="#"><img src="/static/images/images/icon-del.png" class="retRight"></a>-->
            <!--                </div>-->
            <!--                <img src="/static/images/examples/text26.jpg" class="replyTextarea">-->
            <!--                <button type="button" class="replayBtn">回答</button>-->
            <!--            </div>-->

            <div id="commentinput" class="info detail-comment-input layui-hide-sm">
                <div class="detail-ci-avator">
                    <img src="https://www.php.cn/static/images/user_avatar.jpg" alt="P粉232793765"/>
                    <div class="detail-r">
                        <span class="detail-name">P粉232793765</span>
                        <p class="detail-signal"></p>
                    </div>
                </div>
                <div id="js-reply-wrap">
                    <div id="js-reply-editor-box" class="wd-comment-box js-ci-inner edui-imooc"></div>
                    <div class="qa-ci-footer">
                        <div class="qa-ci-footright">
                            <button id="js-wenda-ci-submit" class="detail-btn" data-qid="172087">回答</button>
                        </div>
                    </div>
                </div>
            </div>
            <div id="pinglundeplace" class="allReply ask-reply-all-list comments-content">
                <div class="arTop flexRow">
                    <div class="artLeft flexRow fontBold fontColor1">全部回复<b class="artlb colorGrey">(1)</b></div>
                    <button class="artBtn ask-comment-answer">我来回复</button>
                </div>
                <div class="allReplayLine"></div>

                                <div class="wdsyConDiv flexRow ask_top_ul">
                    <img src="https://www.php.cn/static/images/user_avatar.jpg" alt="P粉106301763" class="wdcdImg">
                    <div class="wdcdContent flexColumn">
                        <div class="wdcdContentReply">
                            <div class="wdxqrcTop flexRow">
                                <a target="_blank"  href="/member/1271870.html" target="_blank" class="wdcdcName">P粉106301763<b class="wdxqRcT colorGrey">2023-09-09 00:13:05</b></a>
                                <span class="wdxqrcTopspan colorGrey">1楼</span>
                            </div>
                            <div class="wdcdcCons"><p>React 建立在状态不可变的假设之上。您正在改变现有的数组，而不是创建一个新的数组，因此在设置状态后，React 会比较之前和之后的状态，发现它们是相同的数组，因此认为没有任何变化。因此它不会重新渲染。</p>
<p>相反，创建数组的副本并对其进行修改：</p>
<pre class="brush:php;toolbar:false;">const handleArrayChanges = ({ target: { name, value } }) => {
  let newArray = [...localArray]; // <--- creating a shallow copy
  newArray[Number(name)] = value;
  setLocalArray(newArray);
};</pre></div>
                            <div class="wdcdcInfo flexRow">
                                <a target="_blank"  href="javascript:ask_reply_good(255772)"> <img class="wdxqindz" src="/static/images/images/icon27.png"></a>
                                <span class="wdxqindzspan">赞 <b>+0</b></span>
                                <div class="wdcdcileft">
                                    <a target="_blank"  href="javascript:;" class="wdcdciSpan reply">添加回复</a>
                                </div>
                            </div>
                                                            <div class="wdcdContentReplyss" style="display: none;">
                                    <div class="reply textarea-con">
                                        <div class="replyTop flexRow">
                                            <div class="retLeft flexRow">
                                                <img src="https://www.php.cn/static/images/user_avatar.jpg" class="retlAvatar" >
                                                <span class="retlName">P粉232793765</span>
                                            </div>
                                            <!--                                                <a target="_blank"  href="#"><img src="../images/images/icon-del.png" class="retRight"></a>-->

                                        </div>
                                        <textarea class="replaytext colorGrey" id="release-reply" placeholder="写下你的回复">
                                        回复