Interviews
开始使用
准备
准备
New questions added in 8月 2026 ->
价格
新
登录 / 注册
获得完整访问权限
描述
解决方案
已保存的代码
Transfer List
Yangshun Tay
Ex-Meta Staff Engineer
语言
难度
中等
建议在面试中花费的时间
3
0
分钟
30 分钟
Build a component that allows transferring items between two lists.
Requirements
There are two lists each initially containing 4 items.
Each item has a checkbox that can be checked/unchecked.
Transferring
Clicking on the double arrow buttons will transfer all items from one list to the other, as specified by the direction of the arrows.
Clicking on the single arrow buttons will transfer only the selected items, as specified by the direction of the arrows.
Transferred items are added to the bottom of the destination list.
Item selection (checked) states are preserved after transferring.
Buttons are disabled if there are no relevant items to be transferred.
查看你需要构建的内容
在这些公司提问
Unlock company signals
Premium shows which companies ask this question so you can prioritize practice by target company.
Unlock
您必须登录才能查看您的保存版本
登录
创建一个帐户
文件
App.js
styles.css
public
index.html
src
App.js
index.js
styles.css
package.json
目前,无法创建或重命名文件。在面试期间,将多个组件写入单个文件中是可以接受的。
加载编辑器
加载编辑器
浏览器
控制台
Click to go back
Click to go forward
Refresh preview
过滤日志
按日志级别筛选
所有日志级别
信息
警告
错误
JavaScript 控制台
console.log()
语句将显示在此处。
React
标记为已完成
保存到云端
高级方案
Unlock the official solution for “Transfer List” so you can compare your approach, catch edge cases, and tighten your explanation.
Official solution walkthrough
Edge cases and test review
Tradeoffs and explanation tips
Loading...
View all plans
Transfer List 在 React | UI 面试问题