Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

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.

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. in div (at CardSetter.js:14).

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

image text in transcribed

Studio Code CICER File Fat Selection View Go Debug Terminal Haip Caratterje-starwars index.htm! Apps Peoplejs s Cardsctteris x 5 okayis OPEN FONTOS SIC) components > s Cardsetter.js > Cardsetter index.html public JS Apps 1 inpuri Becuole frum". People': s people.js S 1. M import Age from './App'; X 5 Cardsette... 3, M 5 import React, (useState) from 'react JS O ct 1.0 STAR WARS function Cardsetter props) { > node_modules public const [peoplefinallyShoulip, Setelelinellxsbor) - useState(props.people) konics console.log(peopleFinallyShowUp) index.html return 1) manifest.con
components Cardsetter.js 3.M peopleFinallyShop s okay is 1, JS Peoplejs 1M
#StarWars. JS App is is indonje sw-bg.jpg yitignore pack lack.jan { packageson yarrJock export default Cardsetter 03 ) OUTLINE NIM SCRIPTS Ln 16. Call Space 4 UTF-8 CRLE LwScript GoLiv 01 Type here to search Studio Code CICER File Fat Selection View Go Debug Terminal Haip Caratterje-starwars index.htm! Apps Peoplejs s Cardsctteris x 5 okayis OPEN FONTOS SIC) components > s Cardsetter.js > Cardsetter index.html public JS Apps 1 inpuri Becuole frum". People': s people.js S 1. M import Age from './App'; X 5 Cardsette... 3, M 5 import React, (useState) from 'react JS O ct 1.0 STAR WARS function Cardsetter props) { > node_modules public const [peoplefinallyShoulip, Setelelinellxsbor) - useState(props.people) konics console.log(peopleFinallyShowUp) index.html return 1) manifest.con
components Cardsetter.js 3.M peopleFinallyShop s okay is 1, JS Peoplejs 1M
#StarWars. JS App is is indonje sw-bg.jpg yitignore pack lack.jan { packageson yarrJock export default Cardsetter 03 ) OUTLINE NIM SCRIPTS Ln 16. Call Space 4 UTF-8 CRLE LwScript GoLiv 01 Type here to search

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Build It For The Real World A Database Workbook

Authors: Wilson, Susan, Hoferek, Mary J.

1st Edition

0073197599, 9780073197593

More Books

Students also viewed these Databases questions