Very noob React problem and question. So I can log what I'm trying to log here and I get what I want in the console. I'm trying to simply add the stated 'peopleFinallyShowUp' variable that you see. What I have no is wrong of course but I've tried so many things. I get the error Error: Objects are not valid as a React child (found: object with keys {name, height, mass, hair_color, skin_color, eye_color, birth_year, gender, homeworld, films, species, vehicles, starships, created, edited, url}). If you meant to render a collection of children, use an array instead. I have tried creating the state as an array with passed in props. I only want to pass peopleFinallyShowUp and have it render in my app. It consoles just fine, there's simply something restricting me from putting it here between the tags.
import React, { Component } from 'react';
import logo from './logo. svg';
import './App. css';
class App extends Component {
constructor(){
super()
this. state = {
jedi: []
}
}
componentDidMount(){
fetch('https://swapi. co/api/people/1/?format=json').then (response => {
return response. json()})
.then(data => {
// Work with JSON data here
this. setState({jedi: data });
}).catch(err => {
console. log(err)
// Do something for an error here
});
};
render() {
return (

Welcome to React

{this. state. jedi}

);
}
}
export default App;