1.如何安裝react
npm start
2.元素渲染
首頁我們需要乙個根元素 例如:<
divid
="root"
>
div>;
用jsx 的語法 例如: constelement
=<
h1>
hello
,world
<
/h1>;
通過reactdom.render()的方法將其渲染到頁面中 列如:reactdom
.render
(element
,document
.getelementbyid
('root'));
3.更新元素渲染
react的元素都是不變的物件,更新介面的辦法就是建立乙個新的元素,然後將它傳入reactdom.render()方法中,並且只會更新必要的部分 例如:
functiontick().
<
/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的...