我在使用 React 將組件推送到數組時遇到問題，代碼如下：import React, { useState } from 'react';import NewPageSidebar from '../NewPageSidebar/NewPageSidebar';import NewPageContent from '../NewPageContent/NewPageContent';import TextBlock from '../TextBlock/TextBlock';const NewPage = () => {    const [blocks, setBlocks] = useState([]);    const textButtonHandler = () => {        const key = blocks.length;        let array = blocks;        array.push(<TextBlock key={key} />);        setBlocks(array);        // This works        // setBlocks(<TextBlock key={key} />);    };    const imageButtonHandler = () => {    };    const spacingButtonHandler = () => {    };    return (        <div className="d-flex">            <NewPageSidebar                textButtonHandler={textButtonHandler}                imageButtonHandler={imageButtonHandler}                spacingButtonHandler={spacingButtonHandler}            />            <NewPageContent blocks={blocks} />        </div>    );};export default NewPage;出于某種原因，設置數組直接setBlocks(<TextBlock key={key} />);有效，但推送無效。我在這里做錯了什么？