1. 程式人生 > >React建立和渲染

React建立和渲染

先將React 所需的js 檔案連入

<!--React 核心模組-->
<script src="js/react.min.js"></script>
<!--操作DOM模組-->
<script src="js/react-dom.min.js"></script>
<!--載入 babel 環境的模組-->
<script src="js/browser.min.js"></script>

建立標籤

React.createElement(三個引數);         引數一:要建立的標籤,字串型別         引數二:物件型別,標籤的屬性         引數三:標籤內容,字串型別

var  reactEle = React.createElement("h1",{id:"oneH",Classname:"claH"},"Hello,React");

渲染到頁面中去

ReactDOM.render(兩個引數) 是 React 最基本的方法      * 用於將模板語言轉為 HTML語言,並插入到對應的DOM節點中      * 引數一:使用  React 建立的節點      * 引數二:要新增的位置

ReactDOM.render(reactEle,wrap);//原先在body 中寫了一個div標籤用js獲取到元素後用 wrap 接收