Dalam screencast berpasangan ini, Sarah Drasner bergabung dengan saya dan membimbing saya melalui beberapa pembelajaran pertama saya mengenai React. Kami menangani beberapa fungsi gaya "dunia nyata": borang komen.
Ini ternyata menjadi sedikit UI yang berguna untuk bekerjasama, kerana memerlukan banyak perkara yang agak mendasar untuk React (atau sekurang-kurangnya, menurut saya). Sebagai contoh, "Aplikasi" induk yang berkaitan dengan state(perkara "besar" kita adalah komen itu sendiri) dan komponen yang berupaya memberikan pandangan (contohnya, borang komen adalah komponen dan setiap komen adalah komponen).
Kemudian kami mendapat banyak perkara, tetapi juga banyak perkara yang perlu difahami di React-land, seperti:
props- cara untuk menyampaikan data antara komponen. Mereka kelihatan seperti atribut HTML ketika anda menghantarnya, dan tiba sebagai objek dalam bentuk ini.props.refs- bagaimana anda mengumpulkan data dari elemen bentuk yang kami buat.keys- cara untuk mengenal pasti komponen secara unik apabila diulang. Kami mengulangi komen di sini (boleh ada banyak komen), jadi jika kami mempunyai fungsi yang dapat mengubah salah satu daripadanya, mempunyai kunci adalah apa yang menjadikan React menjadi cekap (hanya boleh menggantikan komen tunggal itu dan bukan semuanya) .
Tambahan satu tan lagi!
Inilah demo yang kami usahakan:
Lihat Pen Memulakan Borang Komen Bertindak Reaksi oleh Chris Coyier (@chriscoyier) di CodePen.
Bagaimana anda meningkatkan pembelajaran React anda melebihi ini? Mulakan di sini.