реагировать на дочерние элементы (найдено: объект с ключами {...} Если вы хотите отобразить коллекцию дочерних элементов, используйте вместо этого массив. "

Question

Как дела? У меня есть пара сомнений! Как я могу получить доступ к наследованию объекта? Я пытаюсь получить данные от NewConfirmed, который имеет "Global"

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.