У овом упаривању екранског приказа, Сарах Драснер ми се придружује и води ме кроз нека од мојих првих учења о Реацт-у. Бавимо се неким функцијама у стварном свету: образац за коментар.
Испоставило се да је ово био прилично користан кориснички интерфејс за рад, јер је за реаговање било потребно много ствари које су од суштинске важности (или ми се барем чини). На пример, главна „апликација“ која се бави state(наша велика ствар „држава“ су сами коментари) и компоненте које се баве приказивањем приказа (на пример, образац за коментар је компонента и сваки коментар је компонента).
Тада смо ушли у пуно мањих Реацт ствари, али такође и у огромне ствари за разумевање у Реацт-ланду, попут:
props- начин преноса података између компоненти. Изгледају као ХТМЛ атрибути када их пошаљете и стижу као објекат у облику тхис.пропс.refs- како извлачите податке из елемента обрасца који смо креирали.keys- начин за јединствену идентификацију компоненте када се понавља. Овде понављамо коментаре (може бити више коментара), па ако бисмо имали функционалност која би могла променити било који од њих, постојање кључа је оно што чини Реацт ефикасним (може само заменити тај један коментар уместо свих њих) .
Плус тона више!
Ево демонстрације на којој смо радили:
Погледајте Пен о покретању реакцијског формулара коментара Цхриса Цоииера (@цхрисцоииер) на ЦодеПен-у.
Како изједначити своје Реацт учење изван овога? Почните овде.