برای  اینکار می توانیم از state استفاد  کنیم. به این صورت که آیتم ها را در  یک state  قرار داده و سپس  کمبو را با استفاده از این state پر کنیم.فرض کنیم در فرم خود میخواهیم یک کمبو شامل نام شهرها داشته باشیم:

function CityDropDown() {
  const [items] = React.useState([
    {
      label: "Tehhran",value: "1"},
    { label: "Shiraz", value: "2" },
    { label: "Ahvaz", value: "3" }
  ]);
  return (
    <select>
      {items.map(item => (
        <option
          key={item.value}
          value={item.value}
        >
          {item.label}
        </option>
      ))}
    </select>
  );
}

می توانیم به صورت مستقیم هم  بصورت زیر از lable و value استفاده کنیم:

<select>
  {items.map(({ label, value }) => (
    <option key={value} value={value}>
      {label}
    </option>
  ))}
</select>