Program to define multiple elements inside JSX

Rajnilari2015
Posted by Rajnilari2015 under JavaScript category on | Points: 40 | Views : 516
The below Program will define multiple elements inside JSX

<html>
<head>
<title>Our First Program Using ReactJS</title>
<script src="build/react.js"></script>
<script src="build/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
</head>
<body>
<div id="mainContainer"></div>
<script type="text/babel">
ReactDOM.render(
<div>
<h1>Message from RNA Team - "Welcome to ReactJS World"</h1>
<b>Bold this text</b>
</div>,
document.getElementById('mainContainer')
);
</script>
</body>
</html>


The Render method of ReactDOM returns a single node.we have wrapped the multiple child elements inside a parent element which is a DIV here and returning a single node to the Render method.

Comments or Responses

Login to post response