ReactJS基礎__Hello Word程序

時間 2019-11-10

標籤 reactjs 基礎 hello word 程序欄目 Microsoft Office 简体版

原文原文鏈接

在這裏採用CDN引用react.js的方法，來編寫hello word程序html

這裏主要使用了兩個方法react

1）react.createClass() 建立一個組件dom

2) ReactDOM.render() 渲染ui

代碼以下：htm

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

// 建立一個組件

　　var HellowComponent=React.createClass({

　　　　render:function(){

　　　　　　return React.createElement('h1',null,'hello word~~~')

　　}

})

// 渲染模板，插入dom節點

　　ReactDOM.render(

　　　　React.createElement(HellowComponent,null),

　　　　document.getElementById('reactContainer')

)

</script>

</body>

</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。