javascript - React-Select:值未正确显示
问题描述
我在其中值从 api 恢复的形式中创建 ga 选择。
现在我的问题是选择没有以正确的方式显示所有值,所以我可以找到这些值,但它没有出现在列表中(因为它被剪切了)
如您所见,它未正确显示。
const listaRealmTrovata = async () => {
await axios.get(`${apiUrlRealm}?deletedDate.specified=false`)
.then(
(resp) => {
// recupero in questo modo la lista dei realm attivi
resp.data.map(res => {
console.log("res ", res)
setListaRealm(listaRealm => [...listaRealm, { value: res.id, label: res.realmId }])
})
}
)
}
useEffect(() => {
listaRealmTrovata()
}, [])
return (
<div>
<div className="container">
<Row className="justify-content-center">
<Col md="8">
<h2>
Create </h2>
</Col>
</Row>
<AvForm model={{}} onSubmit={saveEntity}>
<Row>
<Col md="12">
<div style={{ marginTop: 50, marginBottom: 50 }}>
<Label for="realm">
Realm
</Label>
<Select options={listaRealm.length > 0 ? listaRealm : null} isMulti className="select-custom-class" />
</div>
</Col>
</Row>
<div className="container my-3">
<div className="col-md-12 text-center" style={{ marginTop: 30 }} >
<Button color="primary" id="save-entity" data-cy="entityCreateSaveButton" type="submit" style={{}}>
Save
</Button>
</div>
</div>
</AvForm>
</div>
</div>
我该如何解决?谢谢你
编辑:
我曾尝试使用:
const customStyles = { option: (provided, state) => ({ padding: 5, }), }
我可以看到更多的价值,但不是所有的价值..
解决方案
推荐阅读
- linux - Logrotate 忽略了我的配置文件
- r - 从数据帧转换为时间序列 (ts) 后,无法理解 strptime 的结果格式
- python - INFO:tensorflow:Saver 未创建,因为图中没有要恢复的变量
- django - 如何在 django 127.0.0.1:8000/?uid=Mjg&token=5dj-ddf5e0d6cf0d6f03dfc1 中指定此网址
- arrays - 将数组映射到数组内的对象内 React JS
- shell - 文件名中有空格的 Unix shell 脚本问题
- angular - 覆盖根目录中提供的 Angular 提供程序
- spring-boot - Spring-Boot 中的多态 @RequestBody
- javascript - Microsoft office.js Excel 插件 - 如何为折线图中的数据系列实现箭头样式?
- maven - 单个 Maven 主文件夹可以有 2 个 settings.xml 吗?