У меня проблема с получением данных в компоненте реакции JSX

Question

• 1000 1004 *

Объекты недопустимы в качестве дочерних React (найдено: [object Promise]). Если вы хотели визуализировать коллекцию детей, используйте вместо этого массив. я не знаю, что делать, вы можете мне помочь с этой маленькой проблемой

Answer 1

Вы, вероятно, отображаете свое обещание var вместо {luke}. Также обратите внимание, что data будет объектом json, поэтому вы не сможете визуализировать его напрямую. Сначала вам нужно будет его натянуть. data.data , который вы сейчас используете, также будет неопределенным. Просто используйте данные, они уже содержат json.

await fetch("https://swapi.dev/api/people/1/")
      .then(res => res.json())
      .then(data => {
        setLuke(JSON.stringify(data));
      });

Затем вы сможете визуализировать его, используя {luke}