为什么这个 React 条件渲染有问题？

Question

道具数据由父元素获取。结果延迟获取它们我检查了空或空道具并且控制台日志正常：

import React from 'react'

import styles from '../articles.css'

const TeamNfo = props => {

    const team = props.teamData

    // console.log( team)

    return !team || team.length < 1

        ? <p>Loading ...</p>

        : <>

            {console.log(team)}

            {/* {

                city: "New Jersey"

                count: 0

                description: "At vero eos et accusamus et ."

                id: 3

                logo: "nets.png"

                name: "Nets"

                poll: "false"

                stats: Array(1)

                    0: {wins: 23, defeats: 12}

            } */}

            <div className={ styles.articleTeamHeader }>         

                <div className={ styles.left }

                    styles= {{

                        background: `url('images/teams/${ team.logo })`

                }}>

                </div>

                <div className={ styles.right}>

                    <div>

                        <span> { props.team.city } { props.team.name } </span>

                    </div>

                </div>

            </div>

        </>

}

export default TeamNfo

在屏幕上返回此错误消息：

TypeError: Cannot read property 'city' of undefined

它是否仍然使用未定义的道具加载返回？