react效能提公升原理：虛擬dom
react把真是的dom tree，轉化成virtual dom，每次資料更新後，重新計算virtual dom並與上一次的作對比，然後對發生改變的部分進行批量更新。從此效能得到提公升。
子元件中（我的示例中，父元件1個，子元件3個）：
class input extends react.componentrender ()
value =
onchange=
onblur =
/>
} onchangefunc(e)
onblur(e)
else
}}class button extends react.component>}}
function hello(props)
}
上面示例**中，有3個子元件，其中前兩個是class類元件，props是從父元件中傳進來的物件。
父元件中：
constructor(props)
this.inputvaluefunc = this.inputvaluefunc.bind(this
) }
inputvaluefunc(value))
} render() value= color='blue'/>//傳入的props可以有方法。
this.state.value}>
// 在引入子元件時候，傳入props，就是上面的屬性。
); }
}react中，子不能直接向父通訊，解決辦法是：
尋找最近的父元件，通過父元件通訊。或者使用context，但是官方並不推薦，有可能移除（感覺不是親生的啊，官方文件各種理由不建議使用。。。）。因此，對於大的專案，還是使用狀態管理工具吧。
React之元件通訊
元件通訊無外乎，下面這三種父子元件，子父元件，平行元件 也叫兄弟元件 間的資料傳輸。下面我們來分別說一下 父子元件 var demo react.createclass tap function e render function this.state.res var child react.cre...
React 元件通訊之 React context
react 元件之間的通訊是基於 props 的單向資料流，即父元件通過 props 向子元件傳值，亦或是子元件執行傳入的函式來更新父元件的state，這都滿足了我們大部分的使用場景。那 react 在兄弟元件之間如何通訊呢？一般地，對於兄弟元件之間的通訊，是通過它們共同的祖先元件進行的，即lift...
React學習筆記 Redux基礎篇
redux，狀態管理器，將state進行統一的管理，適用於複雜的使用者操作 需要協同的使用者操作 涉及到許可權的網頁 多資料來源等場景。action 顧名思義，動作。需要執行怎樣的操作，action是乙個物件，內部包含了此action的型別和相關資訊，規範的action如下 每次都寫一遍action...