解決 The `getOptionLabel` method of Autocomplete returned undefined 報錯

這是使用 Material UI 的 Autocomplete 組件會遇到的問題。

錯誤訊息

The `getOptionLabel` method of Autocomplete returned undefined instead of a string for [""].

我的 Autocomplete code:

<Autocomplete
  id="combo-box-demo"
  options={top100Films}
  getOptionLabel={(option) => option.title}
  style={{ width: 300 }}
  renderInput={(params) => <TextField {...params} label="Combo box" variant="outlined" />}
/>

解決辦法

若值不存在則返回空字串,總之一定得讓它回傳 true:

getOptionLabel={option => option.title || ''}
0 0 評分數
Article Rating
訂閱
通知
guest

0 Comments
在線反饋
查看所有評論