React'теги Ref'тер

Эгер биз бир маалыматты эстеп калгыбыз келсе, бирок анын өзгөрүшү компоненттин рендерингин чыгарбашы керек болсо, анда бизге ref'тер жана алар менен иштей турган useRef hook'у керек болот.

Ref (же шилтеме) - бул жөнөкөй JavaScript объектиси, ал бир гана current касиетине ээ, сиз аны окуй аласыз же өзгөртө аласыз.

State'тер сыяктуу эле, ref'тер тең каалаган түрдөгү маалыматты сактай алат - бул сандар, саптар, объектилер жана турмуш функциялар да болушу мүмкүн.

Эгер сиздин маалыматыңыз рендеринг үчүн колдонулса, анда аны state'те сактаңыз, ал эми эгер сизге рендеринг керек болбосо, анда ref'терди колдонуу натыйжалуураак болушу мүмкүн. Ошондой эле state'тен айырмаланып, ref'тин мааниси дароо өзгөрөт.

Жалпысынан ref'тер сиз React'тен чыгып, тышкы API'лер менен - көбүнчө компоненттин көрүнүшүнө таасир этпеген браузер API'лери менен баарлашуу керек болгон жерлерде колдонулат. Бул мисалы, id таймерди сактоо же JSX эсептөө керек болбогон объектти сактоо болушу мүмкүн, бирок эң көп учурда бул DOM элементтери менен иштөө. Аларды фокусту башкаруу, текстти тандоо же медианы ойнотуу үчүн колдонсо болот.

Кийинки сабакта биз ref'тер менен жана useRef hook'у менен иштөөнү практикалык түрдө карайбыз.