Pengantar React Select pt. 1

Hari ini adalah bagian pertama dari seri saya tentang React Select . Intro ini sangat cocok jika Anda benar-benar baru mengenal React Select atau React secara umum.

Mengatur sesuatu

Saya mulai dengan menyiapkan proyek dasar menggunakan create-react-app . Saya menyebut aplikasi saya "aplikasi demo".
npm create-react-app demo-app

Setelah aplikasi saya siap digunakan, saya menginstal React Select dan mulai bekerja!
npm i --save react-select

Memanfaatkan React Select

Sekarang saya telah menginstal React Select, saya dapat mulai menggunakannya dengan mengimpornya dan mereferensikannya.
Implementasi sederhana dari React Select dengan placeholder

Menambahkan Opsi

Selanjutnya, kita dapat menambahkan opsi ke pilih dalam format:
{ value: 'value1', label: 'Label 1'}
Sekarang React Select memiliki satu opsi

Sekarang kami memiliki implementasi sederhana yang siap, saya menggunakan GitKraken untuk melihat & melakukan perubahan saya.

Dan di sana Anda memilikinya! Nantikan artikel lanjutan saya yang menunjukkan kepada Anda penggunaan React Select yang lebih canggih.

Anda dapat melihat video walkthrough ini di YouTube !

June 27, 2021

codeorayo

Ampuh! Ini rahasia mengembangkan aplikasi secara instan, tinggal download dan kembangkan. Gabung sekarang juga! Premium Membership [PRIVATE] https://premium.codeorayo.com

Leave a Reply

Your email address will not be published. Required fields are marked *