React建立和渲染
阿新 • • 發佈:2018-12-15
先將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 接收