```js
this.setState((prevState, props) => (
{ hello: "world" }
))
```
這是很重要的,不然 setState 有可能會一起執行,變成
Object.assign({}, {hello: "world"}, { hello: "Wayne" })
這樣第一次執行的 setState 就會被蓋掉
https://medium.freecodecamp.org/functional-setstate-is-the-future-of-react-374f30401b6b
2017年10月18日 星期三
2017年4月12日 星期三
React stateless component
幾個重點
1. 可以不用使用 ES6 的 class
2. State 不存在 presentational component 裡面,變成 pure function,沒有 react lifecycle
3. 沒有 react lifecycle 代表不能快速 hack 功能進去,但相對的可以維持 code 的品質
4. pure function 好測試,而且 react team 考慮(或是已經?)對這類沒有 life cycles 的 function 做效能優化
5. 不用再寫 bind(this) 這種 code
https://hackernoon.com/react-stateless-functional-components-nine-wins-you-might-have-overlooked-997b0d933dbc
標籤:
JavaScript,
ReactJS
訂閱:
文章 (Atom)