記錄我的react之路 第一天

2021-08-07 16:54:03 字數 971 閱讀 3805

1.如何安裝react

npm start

2.元素渲染

首頁我們需要乙個根元素 例如:<

divid

="root"

>

div>;

用jsx 的語法 例如: const

element

=<

h1>

hello

,world

<

/h1>;

通過reactdom.render()的方法將其渲染到頁面中 列如:reactdom

.render

(element

,document

.getelementbyid

('root'));

3.更新元素渲染

react的元素都是不變的物件,更新介面的辦法就是建立乙個新的元素,然後將它傳入reactdom.render()方法中,並且只會更新必要的部分 例如:

function

tick().

<

/h2>

<

/div>

);

reactdom

.render

(

element,

document

.getelementbyid

('root'

)

);

}

setinterval

(tick

,1000

);

第一天,記錄我的csdn

第一天來對這裡還不太了解,先來寫一下盒子的早上生活,6 50準點鬧鐘響,按掉鬧鐘盒子躺在床上眯一兩分鐘,做對床的禱告,要知道再次回到這裡得要晚上11點。照例披頭散髮閉著眼睛刷牙,用手摸索來判斷是否斷水,擰開接水重複了20幾年的動作,開啟眼睛的一條縫看著化妝鏡前不認識的人,喔,好醜 接著,嗽口。涼水喚...

記錄第一天

建立乙個自定義列表 如何建立乙個註腳 注釋也是必不可少的 katex數學公式 新的甘特圖功能,豐富你的文章 uml 圖表 flowchart流程圖 匯出與匯入 第一天真美好 你好!這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器,可以仔細閱讀這篇文章,...

第一天接觸react

很明顯的感覺到它與vue的相似之處,但目前我發現一點不同,vue在改變其data中的值後立馬就能查到值的改變,而react是在render後其值才改變。在我了解最基礎的部分後,想著實踐一下,於是出現了以下 其功能是類似 的功能。其中有一點值得注意。在react中使用行內樣式時,如transform的...