Javascript Next.js动态加载的组件不显示传递的数据

我有一个服务器，试图将页面的页脚作为组件加载，但是页脚需要每个页面通过getStaticProps获取的数据。当我将数据传递给动态加载的页脚时，可以在I console.log中看到数据，但是从不创建数据的.map中的元素

主页：

从“../lib/cities”导入{getCities}；
从“下一个/动态”导入动态
常量DynamicFooter=dynamic（（）=>import（'../components/footer'））
导出默认函数Home（{allCities}）{
返回(
)
}
导出异步函数getStaticProps（）{
const allCities=getCities（）
返回{
道具：{
所有城市
}
}
}

页脚：

导出默认函数页脚（数据）{
返回(
一些文本
{
data.cities.map（（城市）=>{
控制台.日志（城市）；
{city.name}
})
}
)
}

---

console.log将显示正在加载的每个城市，我可以看到一些文本div，但是包含city.name的每个div都不会添加到页面中。

您不会在组件中呈现地图

您可以使用速记返回或正常返回

data.cities.map((city) => {
  return (
    <div key={city.url}>
      {city.name}
    </div>
  )
})

data.cities.map（（城市）=>{
返回(
{city.name}
)
})

或

data.cities.map（（城市）=>(
{city.name}
))

是的，就是这样，谢谢！我会在几分钟内接受当网站允许我。

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>
    )
}

data.cities.map((city) => {
  return (
    <div key={city.url}>
      {city.name}
    </div>
  )
})

data.cities.map((city) => (
  <div key={city.url}>
    {city.name}
  </div>
))