Check out example codes for "Objects are not valid as a React child". It will help you in understanding the concepts better.

Code Example 1

// You are probably trying to nest an obect within one of your components
  { property1: 'someText', property2: 69 }  

// You can only use primitives as children such as
// Other components or HTML elements
	<AnotherComponent />
  	<p>Hello, World</p>

// Of course if you really do need the data in the object
// rendered, you can always use map
// You don't have to use a list either, you just need to provide
// the key attribute (array index)
	const someObject = { property1: 'someText', property2: 69 };, i) => <li key={i}>{item}</li>)

Learn ReactJs, React Native from