react child (found: object with keys{...} 如果您打算渲染

Question

你好吗？我有几个疑问！如何访问对象的继承？我正在尝试从具有“全球”的 NewConfirmed 获取数据img Console.log： https ://i.stack.imgur.com/iJGcH.png现在我只能获取数据“日期”stats = () => {    const { dataCovid } = this.props;    if (this.props.loader) {      return (/**/ );    }    return (      <div className='row'>        <div className='col-md-4'>          <div className='card stat-card'>            <div className='card-body'>              <h5 className='card-title'>Total de Nuevos    Contagio:</h5>              <h2 className='float-right'> {dataCovid.Date}</h2>            </div>          </div>现在，如果我尝试调用 datacovid.Global，在控制台中我会得到以下信息：Objects are not valid as a React child (found: object with keys {NewConfirmed, TotalConfirmed, NewDeaths, TotalDeaths, NewRecovered, TotalRecovered})如果您分配了 NewConfimed 的值，它会抛出我 TypeError: dataCovid.Global is undefined

Answer 1

• 如果您通过 Ajax 调用获取数据，那么可能在初始渲染期间dataCovid.Global未定义。

尝试使用{dataCovid.Global && dataCovid.Global.NewConfirmed}以避免错误。

• 您不能只在内部渲染整个对象render()，而是尝试使用 in loop/map 打印所需的对象属性。