Hardick Chatterjee


You are partially correct. You have to always map from a raw object or array before re initializing it.

const List = (props) => {
	const { people } = props

	return people.map((person) => {
		const { id, name, age, image } = person
		return <article />
	})
}

Im having a hard time figuring out what Im doing wrong. I cant pass the last challenge:

"You should use "people" prop in List component to pass the data and it should display the names"

this is what Ive so far:
`import React from 'react'


const List = (props) => {
    const {people} = props
	return (
		<>
			<h2>list component</h2>
		</>
	)
}

export default List`

what am I missing?

<p>Im having a hard time figuring out what Im doing wrong. I cant pass the last challenge:</p>
<p>&quot;You should use &quot;people&quot; prop in List component to pass the data and it should display the names&quot;</p>
<p>this is what Ive so far:
`import React from &#x27;react&#x27;</p>
<p>const List = (props) =&gt; {
const {people} = props
return (
&lt;&gt;
&lt;h2&gt;list component&lt;/h2&gt;
&lt;/&gt;
)
}</p>
<p>export default List`</p>
<p>what am I missing?</p>

React Basic Course- 33 Populating static list data

1 Answer