获取未定义的值 Javascript / 反应 / 映射

问题描述

为什么在 createSiteMap 函数中出现“无法读取 null 的属性‘cityLocation’”？只有 {propertyOwner} 道具具有未定义的值。

但是，我可以使用 console.log(propertyOwner) 并且我正在获取值。 以下是控制台日志的结果：

2 608432995a21dc4d28bc8748 SG

4 608434915a21dc4d28bc8762 我的

2 608fc2e15a21dc4d28bc886f jp

2 60937f3b5a21dc4d28bc88f6 美国

import { api } from '@helpers/api'
import { BASE_URL } from '@helpers/config'
import Slugify from 'slugify'
import { generateAuthHeaders } from '@helpers/authHeaders'
import { API_TOKEN } from '@helpers/config'

const url = BASE_URL

const createSitemap = (listings,date) => `<?xml version="1.0" encoding="UTF-8"?>
  <sitemapindex xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 
    http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" 
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
    xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" 
    xmlns:xhtml="http://www.w3.org/1999/xhtml">
  
      ${listings
        .map(({ id,propertyOwner,listingName }) => {
          return `
              <sitemap>
                <loc>${`${url}rooms/for-rent/${id}/${Slugify(propertyOwner.cityLocation,{ <<<--------------
                  lower: true,strict: true,})}/rentalbee-at-${Slugify(propertyOwner.codeName,{
                  lower: true,})}/room-for-${Slugify(listingName,})}`}</loc>
                <lastmod>${date}</lastmod>
              </sitemap>
            `
        })
        .join('')}
  </sitemapindex>
`

class SitemapId extends React.Component {
  static async getinitialProps({ res,query }) {
    const allRooms = await api.get(
      '/listings',{
        headers: generateAuthHeaders(null,'application/json',API_TOKEN),},{ params: { page: query.id } }
    )

    const date = new Date().toISOString().split('T')[0]

    allRooms.data.listings.map(({ listingName,id,propertyOwner }) =>
      console.log(listingName,propertyOwner.cityLocation)  <<---------------------
    )

    res.setHeader('Content-Type','text/xml')
    res.write(createSitemap(allRooms.data.listings,date))

    res.end()
  }
}

export default SitemapId

解决方法

而不是这个：

console.log(listingName,id,propertyOwner.cityLocation)  <<---------------------
    )

试试这个

console.log(listingName,propertyOwner[id].cityLocation)

提示：最后一个参数与地图函数中的原始对象相同

propertyOwner <=> allRooms.data.listings