React.js — 第 05天

MonLes
·
·
IPFS

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()

  • 他只會被呼叫一次
  • 不會一在地被重渲染(省效能)


優化 this.state


CC BY-NC-ND 2.0

Like my work? Don't forget to support and clap, let me know that you are with me on the road of creation. Keep this enthusiasm together!

MonLes嘗試從都市叢林回到魔法森林。 更多作品 | https://linktr.ee/monles
  • Author
  • More

React.js — 第07天

Javascript — 第09天

Javascript in Leetcode 22–24 | 面試問題