我有一個服務器，我試圖將頁面的頁腳作為一個組件加載，但是該頁腳需要每個單獨的頁面通過 getStaticProps 獲取的數據。當我將數據傳遞到動態加載的頁腳時，可以在 console.log 中看到數據，但永遠不會創建數據的 .map 中的元素。家：import { getCities } from '../lib/cities';import dynamic from 'next/dynamic'const DynamicFooter = dynamic(() => import('../components/footer'))export default function Home({ allCities }) {    return (        <div className="container">            <DynamicFooter {...allCities} />        </div>    )}export async function getStaticProps() {    const allCities = getCities()    return {        props: {            allCities        }    }}頁腳：export default function Footer(data) {    return (        <div>            <div>SOME TEXT</div>            {                data.cities.map((city) => {                    console.log(city);                    <div key={city.url}>                        {city.name}                    </div>                })            }        </div>    )}console.log 將顯示正在加載的每個城市，我可以看到 SOME TEXT div，但包含 city.name 的每個 div 都不會添加到頁面中。