當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

React程序结构介绍-Hello world

發(fā)布時間：2025/3/15 编程问答 25 豆豆

生活随笔收集整理的這篇文章主要介紹了 React程序结构介绍-Hello world 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

1，程序結(jié)構(gòu) JS(JSX)+HTML+CSS

2 首先在Sublime中創(chuàng)建一個html文件

? ?輸入html:5 ?按Tab鍵自動生成基礎(chǔ)代碼

? ?默認語言是英文語言，修改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)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。