React Tutorial : Create Article DIV, Heading, Sub Heading & Paragraph
<!doctype html>
<html>
<head>
<title>Page Title</title>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”initial-scale=1.0″>
</head>
<script crossorigin src=”https://unpkg.com/react@16/umd/react.development.js”></script>
<script crossorigin src=”https://unpkg.com/react-dom@16/umd/react-dom.development.js”></script>
<body>
<div id=”root”></div>
<script type=”text/javascript”>
const articleHeading = React.createElement(‘h2’, null, ‘My First Blog Post’);
const paragraph = React.createElement(‘p’, {className : ‘text’}, ‘This is Paragraph Text Contnet Here of MyFreeOnlineTools’);
const article = React.createElement(‘article’, null, articleHeading, paragraph );
const mainHeading = React.createElement(‘h1’, null, ‘My Blog’);
const main = React.createElement(‘main’, {id:’main’}, mainHeading, article);
ReactDOM.render(main, document.getElementById(‘root’));
</script>
</body>
</html>
<html>
<head>
<title>Page Title</title>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”initial-scale=1.0″>
</head>
<script crossorigin src=”https://unpkg.com/react@16/umd/react.development.js”></script>
<script crossorigin src=”https://unpkg.com/react-dom@16/umd/react-dom.development.js”></script>
<body>
<div id=”root”></div>
<script type=”text/javascript”>
const articleHeading = React.createElement(‘h2’, null, ‘My First Blog Post’);
const paragraph = React.createElement(‘p’, {className : ‘text’}, ‘This is Paragraph Text Contnet Here of MyFreeOnlineTools’);
const article = React.createElement(‘article’, null, articleHeading, paragraph );
const mainHeading = React.createElement(‘h1’, null, ‘My Blog’);
const main = React.createElement(‘main’, {id:’main’}, mainHeading, article);
ReactDOM.render(main, document.getElementById(‘root’));
</script>
</body>
</html>
Comments
Post a Comment