//假設main.js還是入口檔案
'ok');
//webpack-dev-server 打包好的main.js是託管到了記憶體中，所以在專案中看不到
//but我們可以認為，在專案根目錄中，有乙個看不到的main.js
//這兩個匯入的時候，接受成員名稱，必須這麼寫
import react from
'react'
//建立元件和虛擬dom元素，生命週期
var reactdom =
require
('react-dom');
//建立好的元件和虛擬dom放到頁面上展示的
//建立虛擬dom元素
//引數1：建立的元素，字串，表示元素的名稱
//引數2：是乙個物件或null，表示當前這個dom元素的屬性
//引數3：子節點（包括其他虛擬dom，獲取文字子節點）
//引數n，其他子節點
// // const myh1 = react.createelement('h1',null,'這是乙個測試')
const myh1 = react.
createelement
('h1',,
'這是乙個測試'
)//js物件
const mydiv = react.
createelement
('div'
,null
,'這是乙個div元素'
, myh1)
//渲染頁面上的dom結構就是寫html**
//使用reactdom把虛擬dom渲染到頁面上
//引數1：要渲染的那個虛擬dom元素
//引數2：指定頁面上dom乙個容器
reactdom.
render
(mydiv, document.
getelementbyid()
);//渲染
//target container is not a dom element
//第二個引數應該是接受的乙個dom元素，而不是乙個選擇器
Python學習 簡單頁面設計
西宮硝子 以聲之形,塑花之形,以你之名,刻於我心 關於人設 相關作品 影視鏈結 西宮硝子 2020年5月14日 西宮硝子，日本漫畫 聲之形 及其衍生作品女主角，聽力障礙的少女，因長期聽覺障礙而難以發出聲音，受到班上同學的孤立和欺負。硝子出生時期就身患疾病，3歲的時候才被發覺有聽力障礙，也因此成為了單...
react 簡單優化設計 純元件的優化
加入有如下 settimeout 1000 這裡每隔1 秒 就重新整理一次，這個時候 a 元件會每次重複diff 演算法，看是否該重新渲染，然後走render 方法 這樣效率太低，我們的設想就是，只要 data 資料不變，我們就不會渲染，這樣會節省很大的成本 所以這就有了純元件的概念 一種是clas...
react 簡單在頁面中輸出一段文字
之前用腳手架建立了乙個react專案，將react自帶的src資料夾刪除後建立乙個空的src資料夾 在src資料夾中建立乙個index.jsx檔案作為js入口檔案並建立乙個hello元件 現在我們進入到hello.jsx 1 import react from react 2 宣告元件 3class...