需求: 自定義元件, 功能說明如下:
1. 介面如頁面所示
2. 點選按鈕, 提示第乙個輸入框中的值
3. 當第2個輸入框失去焦點時, 提示這個輸入框中的值
第一步，初始化靜態元件，並渲染元件標籤
第二步，做互動，點選按鈕彈出輸入框中的值，以及失去焦點是彈出輸入框中的值
前者操作的dom元素和觸發事件的元素不是同乙個，後者操作dom元素和觸發事件的元素都是 input，後者可以使用 event.target 獲取值
07 React 引用bootstrap模組
安裝bootstrap模組 cnpm i bootstrap 3.3.7 s引用bootstrap模組 如果引用的包安裝到 node modules目錄中 則可以省略 node modules 這一層目錄，直接以包名開始引入 import bootcss from bootstrap dist cs...
React的元件三大屬性之state
學習過程中編寫的 和筆記 import react from react class like extends react.component 將新增方法中的this 強制繫結為元件物件 難點 this.handleclick this.handleclick.bind this 新新增的方法 內部...
React 元件的三大屬性之props
props的理解 每個元件物件都會有props properties的簡寫 屬性 元件標籤的所有屬性都儲存在props中。props的作用 通過標籤屬性從元件外向元件內傳遞變化的資料 注意點 元件內部不要修改props資料。fun.js import react from react 1.建立元件 ...