logo

实现类似 Material UI 的 Chips + 自动补全:输入邮箱时自动建议联系人,并把选中项变成带头像的 chip。

Implement Material UI Chips with auto-suggest for email recipients, converting selected users into chips with avatars.

题目类型: 技术面试题

这是一道技术面试题,常见于澳洲IT公司面试中。

难度: medium

参考答案摘要

拆分:输入框 + 建议列表 + 已选 chips 区域。逻辑:输入变化触发过滤/远程查询(防抖),方向键选择建议、Enter 确认,Backspace 在输入为空时删除最后一个 chip;选中后清空输入并去重。展示:chip 文本 + avatar;可删除按钮。注意:键盘可访问性(combobox/listbox)、焦点管理、异步竞态(只展示最新查询结果)。

答题技巧

技术面试题建议先理清思路再作答,从基础概念讲起,逐步深入。可以结合实际项目经验解释技术原理,展示你的理解深度和实践能力。

本题提供 STAR 原则详细解答和技术解析,登录匠人学院学习中心即可查看完整答案、收藏题目并进行模拟面试练习。

← 返回面试题库

实现类似 Material UI 的 Chips + 自动补全:输入邮箱时自动建议联系人,并把选中项变成带头像的 chip。

中等

想查看完整答案?

登录匠人学院学习中心,获取 STAR 格式回答和详细技术解析

前往学习中心查看答案