前端项目实战肆佰贰拾叁react-admin和material ui-设置默认值

<Autocomplete
defaultValue={materialList&&materialList[`${Number(line_id)-1}`]}
sx={{ width: '400px', alignSelf: 'center', marginTop: '16px' }}
disablePortal
id='equip_type'
options={materialList}
onInputChange={(event: any, newValue: string | null) => {
//按照名称查找ID
const item = materialList.filter((it: any) => it['name'] == newValue);
if (item.length > 0) {
equipTypeIdRef.current = item[0].id;
}
}}
renderInput={(params) => <MuiTextField {...params} label='物料类型' />}
/>

运行结果

 

posted @   前端导师歌谣  阅读(8)  评论(0编辑  收藏  举报  
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
历史上的今天:
2022-09-10 前端工作总结123-视频上传和图片编辑功能
2022-09-10 前端工作总结122-无法选中的状态一定要绑定在select上面
2022-09-10 前端工作总结121-判断对象里面是否有0和1
2022-09-10 前端工作总结120-解决key值不唯一的报错
2022-09-10 前端工作总结119-vue.runtime.esm.js?2b0e:619 [Vue warn]: Duplicate keys detected: ‘/system‘. This may cause
2022-09-10 前端工作总结118-vue.runtime.esm.js?2b0e:619 [Vue warn]: <transition-group> children must be keyed: <ElTag>
2022-09-10 前端工作总结117-vue项目如何刷新当前页面
点击右上角即可分享
微信分享提示