Is there an equivalent for ng-show and ng-hide in react js?

Question

Is there an equivalent for ng-show and ng-hide in react.js?

<input type="checkbox" ng-model="myVar">
<div ng-show="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
</div>

In Angular the above code works very well, but i'm trying to do this using react i'm not able to find an equivalent....

Answer 1

Finally, it has worked after an hour of search using the conditional expression like this:

{!myVar && <div>
<h1>Welcome</h1>
<p>Welcome to my home.</p>
</div>}