Back to tasksGet help with live coding in real time with Sobes Copilot
Junior — Senior
24
React‑компонент обменника валют
Companies where asked:
Navio
Task condition
Необходимо реализовать React‑компонент, представляющий два взаимосвязанных поля ввода — для рублей (RUB) и долларов (USD) — а также кнопку переключения ("<->") между ними.
- При вводе значения в первое поле (RUB) автоматически пересчитывается значение во втором (USD). Например, ввод 150 в поле RUB должен отобразить 1 в поле USD.
- При нажатии на кнопку переключения поля меняют свои позиции: поле RUB становится вторым, а поле USD — первым. При этом второе поле становится недоступным для ввода.
- Курс конвертации может различаться в зависимости от направления обмена: 150 RUB может соответствовать 1 USD, тогда как 1 USD может равняться, скажем, 75 RUB.
Требуется обеспечить корректную синхронизацию значений и правильную блокировку поля после смены направления.