Kaip jūs kalbate apie reaguojantį komponentą?
Kaip jūs kalbate apie reaguojantį komponentą?

Video: Kaip jūs kalbate apie reaguojantį komponentą?

Video: Kaip jūs kalbate apie reaguojantį komponentą?
Video: Дневник хранящий жуткие тайны. Переход. Джеральд Даррелл. Мистика. Ужасы 2024, Gegužė
Anonim

Norėdami gauti a nuoroda į React komponentą , galite tai naudoti norėdami gauti srovę Reaguoti komponentas , arba galite naudoti nuorodą, kad gautumėte a nuoroda į a komponentas tu turi. Jie veikia taip: var MyComponent = Reaguoti . createClass({ handleClick: function() { // Aiškiai sufokusuokite teksto įvestį naudodami neapdorotą DOM API.

Atsižvelgdami į tai, kaip perduoti nuorodą antriniam komponentui?

Tu praeiti į ref prie vaiko komponentas kaip kitaip pavadinta butaforija – tikrai bet koks kitoks pavadinimas nei ref (pvz., buttonRef). The vaiko komponentas tada gali persiųsti rekvizitus į DOM mazgą per ref atributas. Tai leidžia tėvams praeiti jos ref prie vaiko DOM mazgas per komponentas viduryje.

Panašiai, ką reflektuoja ir kodėl jie svarbūs? Nuorod yra funkcija, kurią teikia Reaguoti norėdami pasiekti DOM elementą ir Reaguoti elementą, kurį galbūt sukūrėte patys. Jie naudojami tais atvejais, kai norime pakeisti antrinio komponento vertę, nenaudodami rekvizitų ir visko.

Atitinkamai, kas yra reaguojantis komponentas?

Komponentai yra bet kurio statybiniai blokai Reaguoti programa ir tipiška Reaguoti programėlėje bus daug tokių. Paprasčiau tariant, a komponentas yra „JavaScript“klasė arba funkcija, kuri pasirinktinai priima įvestis, t. y. ypatybes (props) ir grąžina Reaguoti elementas, apibūdinantis, kaip turėtų atrodyti UI (naudotojo sąsajos) skyrius.

Kuo skiriasi elementas ir komponentas reaguojant?

Reagavimo elementas - Tai paprastas objektas, apibūdinantis DOM mazgą ir jo atributus ar savybes, kurias galite pasakyti. Tai nekintamas aprašymo objektas ir jūs negalite jam taikyti jokių metodų. Reagavimo komponentas - Tai funkcija arba klasė, kuri priima įvestį ir grąžina a Reaguoti elementas.

Rekomenduojamas: