2

我正在尝试为具有材料 UI 的城市制作一个选择元素。问题是我需要与该元素上方的文本字段具有相同的设计。我使用了以下

<FormControl variant='outlined' className={classes.city}>
<InputLabel>City</InputLabel>
 <Select
  label='City'
  value={city}
  onChange={(event) => setCity(event.target.value)}
 >
   {cities.map((storeCity, key) => <MenuItem key={key} value={storeCity.id}>{storeCity.name}</MenuItem>)}
 </Select>
</FormControl>

在单击元素之前

这给了我完美的视觉输出，并且通常效果很好。唯一的问题是速度很慢，因为城市数组包含 200 多个城市。我应该怎么做才能以更快的渲染获得相同的视觉效果？

4

0 回答 0