React createRef ua dab tsi?
React createRef ua dab tsi?

Video: React createRef ua dab tsi?

Video: React createRef ua dab tsi?
Video: Using React createRef() - MERN Stack Series - 32 2024, Kaum ib hlis
Anonim

Thaum lub ref attribute yog siv rau ntawm ib qho HTML keeb, tus ref tsim nyob rau hauv lub constructor nrog Teb . tsimRef () tau txais DOM keeb kwm raws li nws cov khoom tam sim no. Thaum cov ref attribute yog siv rau ntawm cov kev cai hauv chav kawm ntawv, cov khoom ref tau txais qhov piv txwv ntawm cov khoom siv raws li nws qhov tam sim no.

Kuj nug, dab tsi yog kev siv refs hauv react?

Refs yog ib txoj haujlwm muab los ntawm Teb nkag mus rau DOM lub ntsiab lus thiab cov Teb yam uas koj yuav tau tsim ntawm koj tus kheej. Lawv yog siv nyob rau hauv cov ntaub ntawv uas peb xav hloov tus nqi ntawm ib tug me nyuam tivthaiv, tsis ua siv ntawm cov khoom siv thiab tag nrho.

Ib tug kuj yuav nug, ua li cas koj hla niam txiv siv rau tus menyuam? Nrog ref s, tus nqi nyob hauv DOM node nws tus kheej, thiab yuav tsum tau sib txuas lus mus txog qhov niam txiv . Rau hla tus nqi no los ntawm tus menyuam rau niam txiv , cov niam txiv xav tau hla down ib 'hook', yog tias koj yuav, mus rau tus menyuam . Cov tus menyuam ces txuas lub node rau 'hook' ces tus niam txiv muaj kev nkag mus rau nws.

Tom qab ntawd, ua li cas koj hla refs nyob rau hauv react?

Peb txhais a ref hauv cov khoom uas xav tau ref thiab hla nws mus rau lub khawm tivthaiv. Teb yuav hla tus ref los ntawm thiab xa nws mus rau <button ref ={ ref }> los ntawm kev qhia nws ua JSX tus cwj pwm. Thaum lub ref yog txuas, ref . tam sim no yuav taw tes rau DOM node.

ref hauv HTML yog dab tsi?

Cov ref attribute ua rau nws muaj peev xwm khaws tau ib qho kev siv rau ib qho React element lossis cov khoom xa rov qab los ntawm cov khoom siv render() configuration function. Qhov no tuaj yeem muaj txiaj ntsig thaum koj xav tau ib qho kev siv, los ntawm hauv ib qho kev tivthaiv, mus rau qee lub ntsiab lus lossis cov khoom siv uas muaj nyob rau hauv lub render() muaj nuj nqi.

Pom zoo: