相信許多學習過vue的小夥伴對計算屬性都不陌生吧。計算屬效能幫我們資料進行一些計算操作，計算屬性是依賴於data裡面的資料的，在vue中只要計算屬性依賴的data值發生改變，則計算屬性就會呼叫。
那react中也有計算屬性嗎？至少在官方文件中沒有提出計算屬性這個概念，但是我們想使用這個計算屬性該如何是好。我們都知道vue計算屬性其實是利用getter攔截data屬性，根據es6提供的get set方法，我們可以在react中實現乙個計算屬性。
這是乙個簡單的例子，通過get關鍵字，攔截stata中的屬性。但是這樣看起來像是定義了乙個方法，呼叫了一下，並沒有實現隨著stata的改動，而發生變化。下面我們改變下**，來證明。
上面添了乙個componenetdidmount()鉤子來改變state中的資料，最終在頁面上的展示效果跟我們預期的一致，只要computed()方法裡面依賴的state發生改變，則該方法會立即呼叫，初始呼叫一次，componenetdidmount改變state資料後再呼叫一次。所以結果是列印兩次。
我們再來改變下** 加入定時器
import react,
from
'react'
export
class
first
extends
component
getcomputed()
=this
.state
console.
log(
'我被呼叫了'
總結：以上就是react實現計算屬性的方法，但該方法是有缺陷的，vue的計算屬性是具有快取的特性，很可惜react中是沒有，我們只能借助第三方外掛程式memoize-one來實現。
React中的屬性校驗和預設屬性
一，在react中props是元件對外暴露的介面，但通常元件並不會明顯的申明他會暴露那些介面及型別，這不太利於元件的復用，但比較好的是react提供了proptypes這個物件用於校驗屬性的型別，proptypes包含元件屬性的所有可能型別，以下我們通過乙個示列來說明 物件的key是元件的屬性名，v...
ReAct 常用 的屬性
如果元件有多個屬性 可以使用 這相當於 類似於 name title 元件的屬性可以在元件類的 this.props 物件上獲取 this.props 物件的屬性與元件的屬性一一對應，但是有乙個例外，就是 this.props.children 屬性。它表示元件的所有子節點 這裡需要注意，this....
vue中的計算屬性
使用計算屬性實現模糊查詢功能 text v model mytext3 for data in getmydatalist li ul div 這個getmydatalist就是計算屬性，所以計算屬性是可以當作data中的資料使用的。getmydatalist 這樣子的寫法形成了模糊查詢的結果跟my...