test.jsx

getDiv() {
	return (
		<div>
			{"hi im a div"}
		</div>
	);
}

return (
  {true &&
		<div>
			<div>top</div>
			
			{this.getDiv()}
		</div>
  }
)

// Not the same as

return (
  {true &&
		<div>
			<div>top</div>
			
  		<div>
	  		{"hi im a div"}
	  	</div>
		</div>
  }
)


//actual result

<div>
  hi im a div
</div>
<div>
  <div>top</div>
</div>