راهنمایی درباره نمایش لیست تو‌در‌تو به وسیله‌ی Dropdown در ریکت

سلام
من تو برنامم(react.js) دو تا select دارم که یکی برای نمایش استان و یکی هم برای شهر.

می خوام لیست استان/شهر ها رو از دیتابیس mongoDB بگیرم و تو select نشون بدم، ولی نمی تونم . من یه کوئری زدم و داده های زیر رو آوردم .
1

می خوام اون اعداد رو تو select مربوط به استان ها و آرایه city هم تو select شهرها ذخیره بشه. برای اینکار باید چکار کنم??

عنوان رو اصلاح کردم که گویاتر باشه و بارای سرچ‌های آینده راحتتر باشه.

سلام
فکر کنم باید اول استان ها رو نشون بدی بعد با توجه به استان انتخاب شده، نام شهر ها رو نشون بدی. البته در دو تا select مختلف.

اینو خودمم می دونم. سوالم اینم بود که چطوری اینکارو بکنم؟

ساختار دیتابیس شکل همون عکسیه که گذاشتم تو پست اول.

خب باید اول روی اسم استانها یک مپ بزنید و اونا رو داخل select نمایش بدید و در اسم شهرها هم فعلا هیچی نیست. چون آرایه مربوط به شهر که در استیت هست خالی است . بعد از اینکه کاربر استان رو انتخاب کرد اون موقع استیت رو با اسم شهرهای اون استان آپدیت کن.