ReactJS simple app එක render වෙන්නෙ නෑ
සිංහලු මම ReactJS වලට අලුත් මම lynda ගෙ tutorial එකක් try කරා එකෙ තියන මේ simple app එක මගෙ pc එකේ run වෙන්නෙ නැ. tutorial එකේ අව්ලක් නැතුව වැඩ. දන්න අයෙක් help එකක් දෙන්න පීස්.
index.html
script.js
file structure
මේකෙ use කරලා තියෙන්නෙ ReactJS old version එකක්. එක අව්ලක් නැද්ද ? මම මේක plunker එකේ try කලා එතකොට script.js එකේ errors වගයක් පෙන්නනව
සිංහලු මම ReactJS වලට අලුත් මම lynda ගෙ tutorial එකක් try කරා එකෙ තියන මේ simple app එක මගෙ pc එකේ run වෙන්නෙ නැ. tutorial එකේ අව්ලක් නැතුව වැඩ. දන්න අයෙක් help එකක් දෙන්න පීස්.
index.html
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://fb/.me/react-15.1.0.js"></script>
<script src="https://fb/.me/react-dom-15.1.0.js"></script>
<script crossorigin src="https://cdnjs.cloudflare.com/ajax/libs/babel-
core/5.8.38/browser-polyfill.min.js"></script>
<meta charset="UTF-8">
<title>Hello World with React</title>
</head>
<body>
<div id="react-container"></div>
<script type="text/babel" src="script.js"></script>
</body>
</html>
script.js
Code:
const { render } = ReactDOM;
render(
<h1 id='title'
className='header'
style={{backgroundColor: 'orange', color: 'white', fontFamily:
'verdana'}}>
Hello World
</h1>,
document.getElementById('react-container')
);
file structure
Code:
reactapp
-index.html
-script.js
මේකෙ use කරලා තියෙන්නෙ ReactJS old version එකක්. එක අව්ලක් නැද්ද ? මම මේක plunker එකේ try කලා එතකොට script.js එකේ errors වගයක් පෙන්නනව
Last edited:
