Sobes.tech
Back to tasks
Junior — Senior
24

React‑компонент обменника валют

Companies where asked:

Navio
Get help with live coding in real time with Sobes Copilot
Task condition

Необходимо реализовать React‑компонент, представляющий два взаимосвязанных поля ввода — для рублей (RUB) и долларов (USD) — а также кнопку переключения ("<->") между ними.

  • При вводе значения в первое поле (RUB) автоматически пересчитывается значение во втором (USD). Например, ввод 150 в поле RUB должен отобразить 1 в поле USD.
  • При нажатии на кнопку переключения поля меняют свои позиции: поле RUB становится вторым, а поле USD — первым. При этом второе поле становится недоступным для ввода.
  • Курс конвертации может различаться в зависимости от направления обмена: 150 RUB может соответствовать 1 USD, тогда как 1 USD может равняться, скажем, 75 RUB.

Требуется обеспечить корректную синхронизацию значений и правильную блокировку поля после смены направления.