從零react從入門到放棄

2021-10-03 04:59:53 字數 1356 閱讀 3997

簡介:react是facebook出的一款針對view視層圖的library(庫),主要使用單向資料流的方式進行資料展示。react擁有較高的效能,**邏輯非常簡單,越來越多的人已經開始關注和使用他

src=

" ">

script

>

src=

"">

script

>

src=

"">

script

>

通過npm或yarn使用react

國內使用npm速度很慢,可以使用**映象cnpm命令列工具來代替npm

npm

npm start # 啟動專案

# or

yarn start # 啟動專案

jsx注意事項

a. 物件不能直接渲染,陣列以字串的形式進行渲染

b. jsx中 class 改為classname

c. 事件的首字母要大寫 on*** 形式

d. value改為defaultvalue

e. checked改為defaultchecked

f. for改為htmlfor

g. style寫物件

h.

class定義的元件可以設定區域性狀態

在使用的時候需要注意this指向的問題

每乙個class定義的元件都需要乙個render方法,用來表示在頁面中顯示的內容

class

counter

extends

react.component;}

render()

);}}

>

計數值(

)<

/button>);

}}reactdom.

render

(>

, document.

queryselector()

);

優勢:1.通過function定義元件的寫法更加js 2.沒有this指向問題 3.**結構簡單,**量小

const

= react

function

counter()

>計數值:

<

/button>

)}

…未完待續

React從入門到放棄Day1

1.react的入口檔案為index.js 2.在index.js中,首先需要引入react等元件 import react from react import reactdom from react dom 操作dom html import xiaojiejie from xiaojiejie ...

kmp從入門到放棄

標籤 kmp 擴充套件kmp 給你兩個字串,你需要回答,b串是否是a串的子串 a串是否包含b串 a aaaaaaaaaaaaaaaaaaaaaaaaaab b aaaaaaaab 最壞狀態 o mn 一般做法 for 列舉b在a串中的起始位置 for 向後比較ab是否相等 o n m 傳說中的kmp...

beego 從入門到放棄

beego 的專案基本都是通過 bee命令來建立的,所以在建立專案之前確保你已經安裝了 bee 工具和 beego。如果你還沒有安裝,那麼請查閱 beego 的安裝 和 bee 工具的安裝 現在一切就緒我們就可以開始建立專案了,開啟終端,進入 gopath src 所在的目錄 建立乙個專案名為201...