REACT TUTORIAL ZA POČETNIKE - KOMPOZICIJA VS NASLJEĐIVANJE

React ima snažan model sastava i preporučujemo korištenje sastava umjesto nasljeđivanja za ponovnu upotrebu koda između komponenti.

U ovom odjeljku razmotrit ćemo nekoliko problema u kojima programeri koji su tek počeli reagirati često posežu za nasljeđivanjem i pokazati kako ih možemo riješiti sastavom.

Zadržavanje

Neke komponente ne poznaju svoju djecu unaprijed. To je osobito uobičajeno za komponente poput | _+_ | ili | _+_ | koji predstavljaju generičke kutije.

Preporučujemo da takve komponente koriste posebne | _+_ | prop za prenošenje djece elemenata izravno u izlaz:

Sidebar

To omogućuje drugim komponentama da im proslijede proizvoljnu djecu gniježđenjem JSX -a:

Dialog

Isprobajte na CodePenu

cash app naziv banke za izravni depozit

Što je s nasljeđivanjem?

Na Facebooku React koristimo u tisućama komponenti i nismo pronašli slučajeve uporabe u kojima bismo preporučili stvaranje hijerarhija nasljeđivanja komponenti.

Rekviziti i sastav daju vam svu fleksibilnost koja vam je potrebna za prilagodbu izgleda i ponašanja komponente na eksplicitan i siguran način. Upamtite da komponente mogu prihvatiti proizvoljne rekvizite, uključujući primitivne vrijednosti, React elemente ili funkcije.

Ako želite ponovno koristiti ne-UI funkcionalnost između komponenti, predlažemo da je izdvojite u zasebni JavaScript modul. Komponente ga mogu uvesti i koristiti tu funkciju, objekt ili klasu, bez proširenja.

#react #javascript #web-development #programing #developer

Reactjs.org