現(xiàn)在我這邊有個(gè)想法,但是之前沒(méi)有具體的做過(guò),所以不知道是否可行。舉個(gè)例子:// 這是一個(gè)父組件<Father />// 這是一個(gè)子組件<Son />父組件里面可能包含多個(gè)被復(fù)用的子組件。父組件負(fù)責(zé)到server端拿數(shù)據(jù),子組件負(fù)責(zé)渲染父組件拿到的數(shù)據(jù)。這都很正常。現(xiàn)在有一個(gè)需求,需要讓子組件有一個(gè)過(guò)濾的功能。最簡(jiǎn)單的例子就是一個(gè)列表頁(yè),根據(jù)不同的過(guò)濾方式展現(xiàn)不同的數(shù)據(jù)。舉個(gè)例子,‘選擇10號(hào)-12號(hào)的所有數(shù)據(jù)并展示’。如果將數(shù)據(jù)的操作放到父組件去做,那么父組件會(huì)變得非常的臃腫,因?yàn)樽咏M件會(huì)被引用多次。我的設(shè)想是,把數(shù)據(jù)放到子組件的state上,讓子組件自己去管理,從而導(dǎo)致子組件的re-render。不過(guò)我沒(méi)有確實(shí)的做過(guò)這種功能的劃分,所以想來(lái)問(wèn)下各位大神,我的設(shè)想是否可行?以后會(huì)不會(huì)存在什么局限?看了下好像有些人還不太明白我的意思,我貼個(gè)圖吧根據(jù)篩選,展示不同的數(shù)據(jù)
react 組件props和state的問(wèn)題
桃花長(zhǎng)相依
2018-11-21 18:14:50