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>