元素
用 classname 來代替 class
htmlfor 替換 lable 的 for 屬性
標籤必須成對出現，如果是單標籤，則必須自閉和
注釋推薦使用 ，也可也用 //這是注釋
/*
這是注釋
*///這是注釋
foreach遍歷陣列
const arrstr = ['張三','李四','王二']
arrstr.foreach(item =>
namearr.push(temp)
})
const result = arrstr.map(item =>
})//直接寫到頁面上
)}//一行可以簡寫，
//注意：在react 中，需要把 key 新增給 被 foreach 或 map 或 for 迴圈直接控制的元素
第一種建立元件的方式，元件首字母大寫
function hello()
//呼叫元件
const student =
//使用元件，並傳統 props 資料
//推薦使用 es6 的展開運算子
function hello(props)
}
建構函式
function person(name, age)
//通過 new 出來的實列，訪問到的屬性，叫做 【例項屬性】
const p1 = new person('小明', 18)
//通過建構函式，直接訪問的屬性，叫做 【靜態屬性】
person.*** = '男'
console.log(person.***, 99999)
//例項方法
person.prototype.say = function ()
p1.say()//這是例項方法
//靜態方法
person.show = function ()
person.show()
//注意：在 class 的 {} 區間內，只能寫構造器、靜態方法和靜態屬性、例項方法
//注意：class 關鍵字內部，還是用原來的配方實現的
class animal
//構造器的作用，就是每當 new 這個類的時候，必然會優先執行，構造器中的**
constructor(name, age)
//在 class 內部，通過 static 修飾的屬性，就叫靜態屬性
static *** = "男"
//這是動物的例項方法
talk()
//這是動物的靜態方法
static show()
}const p2 = new animal('小明', 19)
p2.talk()
animal.show()
console.log(p2, 1111)
//這是父類，可以理解成 原型物件 prototype
class person
//例項方法，子類都可以訪問的公共函式
show()
}
在 class 類中，可以使用 extends 關鍵字，實現子類繼承父類
語法 class 子類 extends 父類 {}
class chinese extends person
}const p1 = new chinese('小明',20,'341323200……')
console.log(p1)
p1.show()
react路由的基本用法（一）
一 在你的react專案中安裝react router,我這裡指定了版本號3.2.0,安裝命令如下 npm i react router 3.2.0二 在專案的scr目錄下建立乙個資料夾，我這裡取名為reactrouter,名字不是規定的，可以隨便命名。然後建立檔案如下 import react f...
React生命週期的基本用法
元件的生命週期可分成三個狀態 import react,from react class test extends component 在渲染前呼叫 componentwillmount 在第一次渲染後呼叫 componentdidmount 在元件接收到乙個新的 prop 更新後 時被呼叫 com...
React 初級用法
作為乙個開發人員，如今我們大多數都會沉迷於專案的業務開發，很少花時間進行技術或問題梳理。以至於我們每次遇到相同的問題或障礙，都會再次陷入。總結和思考應該是我們每乙個人所要掌握的軟技能。react作為乙個主流的js庫，使我們的開發變得更加簡單。react是facebook開發的一款js庫。react便...