Interviews
Get started
Prepare
Prepare
New questions added in ago. 2026 ->
Preços
NEW
Sign in / up
Get full access
Description
Solution
Saved code
Transfer List
Yangshun Tay
Ex-Meta Staff Engineer
Languages
Dificuldade
Médio
Recommended duration to spend during interviews
3
0
mins
30 mins
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.
See what you need to build
Asked at these companies
Unlock company signals
Premium shows which companies ask this question so you can prioritize practice by target company.
Unlock
You must be signed in to view your saved versions
Sign in
Create an account
Files
App.js
styles.css
public
index.html
src
App.js
index.js
styles.css
package.json
For now, files cannot be created or renamed. It's acceptable to write multiple components within a single file during interviews.
Loading editor
Loading editor
Browser
Console
Click to go back
Click to go forward
Refresh preview
Filter logs
Filtrar por nível de log
Todos os níveis de log
Informações
Alertas
Erros
JavaScript Console
As declarações
console.log()
aparecerão aqui.
React
Mark complete
Save to cloud
Premium solution
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 in React | UI Interview Question