Interviews
Get started
Prepare
Prepare
New
Advertise with us ->
Preços
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 of 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
Premium feature
Compre o premium para ver quais empresas fazem essa pergunta.
Ver planos
Premium solution
Purchase premium to unlock official solutions and all the best materials we have to offer.
All premium questions
High quality solutions
Time-savers like focus areas
Front end system design guides
Ver planos de assinatura
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