Объекты недействительны в качестве дочернего элемента React при попытке отобразить данные объекта внутри модального

Я пытаюсь напечатать объект, но получаю указанную выше ошибку. Это мой код:

        <Modal
          mask={false}
          title={that.state.selectedDbName}
          visible={statsmodalVisible}
          onCancel={that.handleOtherCancel}
          style={{ minWidth: '75%', textAlign: 'center',}}
          footer = {
            [<Button type="primary" key="modalDismissButton"
            onClick={this.handleOtherCancel}> Dismiss</Button>]
          }
        >
          {data}
        </Modal>

Здесь данные — это объект, который я пытаюсь показать в модальном окне. Я также пробовал это, data.toString(), но вывод был [object Object]

Может кто-то указать мне верное направление.


reactjs antd
person prisoner_of_azkaban    schedule 14.09.2017    source источник
comment
JSON.stringify(данные)   -  person bennygenel    schedule 14.09.2017
comment
@bennygenel спасибо, это работает .. Но не на 100% правильно. Любые альтернативы?   -  person prisoner_of_azkaban    schedule 14.09.2017
comment
Если вы не дадите 100% правильную информацию о том, что вы пытаетесь сделать и в чем именно проблема, вы не сможете получить 100% правильно работающий ответ. пожалуйста, проверьте Как спросить для получения дополнительной информации   -  person bennygenel    schedule 14.09.2017
comment
@bennygenel проблема связана с модальным дизайном муравья, поскольку контент выходит из этого модального окна. Так что к этому вопросу не относится. Извини   -  person prisoner_of_azkaban    schedule 14.09.2017

Ответы (1)


arrow_upward
0
arrow_downward

Если вы хотите распечатать содержимое объекта, вы можете использовать

JSON.stringify(data)

Это сериализует объект, чтобы он выглядел следующим образом:

{
  "key1": "value1",
  "key2": ["value2", "value3"],
  "key3": {...},
  ...
}

Он будет игнорировать функции в объекте.

Вызов data.toString() вызовет внутреннюю toString функцию на объекте.
По умолчанию в объектах действительно печатается [object Object].

person lyosef    schedule 14.09.2017