React.js — 第 05天
source code 在 | github
渲染Render & 重渲染re-render
- 被呼叫(invoke)的順序依序為
- constructor() -> render() -> componentDidMount
- 當 setState 被呼叫, react 會重渲染一次
input 區域(field) & 搜尋列
焦點條列
- onchange( () => {})
- toLocaleLowerCase()
- filter()
- include()
儲存檔案在setState(), 你就可以隨處進入component
優化Optimizations
- callback
- destructuring
被改變的有...
我們新增了一個 method — onSearchChange()
- 他只會被呼叫一次
- 不會一在地被重渲染(省效能)