使用React渲染最基本的虛擬DOM到頁面上

2021-09-27 08:59:38 字數 1207 閱讀 6982

// 假設,main.js 還是我們的入口檔案

// console.log('ok')

// webpack-dev-server 打包好的 main.js 是託管到了記憶體中;所以在專案根目錄中看不到;

// 但是,我們可以認為,在專案根目錄中,有乙個看不見的 main.js

// 1. 這兩個匯入時候,接收的成員名稱,必須這麼寫

import react from 'react' // 建立元件、虛擬dom元素,生命週期

import reactdom from 'react-dom' // 把建立好的 元件 和 虛擬dom 放到頁面上展示的

// 2. 建立虛擬dom元素

// 引數1: 建立的元素的型別,字串,表示元素的名稱

// 引數2: 是乙個物件或 null, 表示 當前這個 dom 元素的屬性

// 引數3: 子節點(包括 其它 虛擬dom 獲取 文字子節點)

// 引數n: 其它子節點

//

// const myh1 = react.createelement('h1', null, '這是乙個大大的h1')

const myh1 = react.createelement('h1', , '這是乙個大大的h1')

const mydiv = react.createelement('div', null, '這是乙個div元素', myh1)

// 3. 使用 reactdom 把虛擬dom 渲染到頁面上

// 引數1: 要渲染的那個虛擬dom元素

// 引數2: 指定頁面上的dom元素,當作容器

// target container is not a dom element. 經過分析,猜測:第二個引數接收的應該是乙個 dom 元素而不是 選擇器

index.html:

SVN最基本的使用

然後點選那個紅色包起來的add repository這個。這就是新增乙個搭建好的遠端庫的路徑,然後彈出來這個介面 看到上面的介面了吧,如果你們公司給的遠端庫的路徑是svn開頭的,就選擇最後乙個svn server,如果是http開頭的就選擇http server。下面的account informa...

react的基本使用

npm i react react domreact的使用 引入react和react dom的兩個js檔案 node modules react umd react.development.js script node modules react dom umd react dom.develop...

JDBC最基本的查詢使用方式

話不多說,先上 看看寫法!public class demo06 catch classnotfoundexception e catch sqlexception e 其實這個 寫的非常的少,很多的方法也都沒有去具體的一一寫出。這裡的 只是簡單的進行了jdbc連線mysql的乙個獲取結果集的乙個方...