最近听说React挺火也挺好用的,就自学了一下,一些东西分享给大家。不懂的可以直接回复评论。
首先我们看一个简单的例子
<span style="font-size:18px;"><strong><!DOCTYPE html>
<html>
<head>
<script src="../build/react.js"></script>
<script src="../build/react-dom.js"></script>
<script src="../build/browser.min.js"></script>
</head>
<body>
<div id="example"></div>
<script type="text/babel">
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('example')
);
</script>
</body>
</html></strong></span>
首先我们需要导入三个js文件,分别是react.js、react-dom.js、browser.min.js。
如果有人找不到在哪下载这些js文件,可点击这个链接下载react-js文件下载。
如果上面这种大家看着不爽的话,看看下面的这种方式:
<!DOCTYPE html>
<html>
<head>
<script src="../build/react.js"></script>
<script src="../build/react-dom.js"></script>
<script src="../build/browser.min.js"></script>
</head>
<body>
<div id="example"></div>
</body>
<script type="text/babel">
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('example')
);
</script>
</html>
是不是感觉顺眼了一些。
再看
<!DOCTYPE html>
<html>
<head>
<script src="../build/react.js"></script>
<script src="../build/react-dom.js"></script>
<script src="../build/browser.min.js"></script>
</head>
<body>
<div id="example"></div>
</body>
</html>
<script type="text/babel">
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('example')
);
</script>
其实它比JavaScript更随意,你怎么放都可以!