React程序结构介绍-Hello world
1,程序結(jié)構(gòu) JS(JSX)+HTML+CSS
2 首先在Sublime中創(chuàng)建一個html文件
? ?輸入html:5 ?按Tab鍵自動生成基礎(chǔ)代碼
? ?默認(rèn)語言是英文語言,修改lang="zh-cn"即為中文
? ?具體見一下代碼:
?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello World!</title>
</head>
<body>
<script src="./react-0.13.2/react-0.13.2/build/react.js"></script>
<script src="./react-0.13.2/react-0.13.2/build/JSXTransformer.js"></script>
<script type="text/jsx">
var HelloWorld = React.createClass({
render: function () {
return <p>Hello, World</p>
}
});
React.render(<HelloWorld></HelloWorld>, document.body);
</script>
</body>
</html>
轉(zhuǎn)載于:https://www.cnblogs.com/lihfeiblogs/p/5616648.html
總結(jié)
以上是生活随笔為你收集整理的React程序结构介绍-Hello world的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: C++ 类的抽象初练
- 下一篇: 大牛的距离(笑cry)精简算法