Na równoważnych funkcjonalnie fragmentach kodu aplikacji Angular i React.js przedstawiono:

Poprawna odpowiedź: A

Uzasadnienie i szersze wyjaśnienie:

Oba przedstawione fragmenty kodu implementują obsługę zdarzenia zatwierdzenia (submit) formularza.

• W kodzie Angular: Atrybut (ngSubmit)="submit(f)" w znaczniku <form> jest mechanizmem wiązania zdarzeń. Powoduje on, że gdy formularz zostanie zatwierdzony (np. przez kliknięcie przycisku typu submit), zostanie wywołana metoda submit() z komponentu.
• W kodzie React: Atrybut onSubmit={this.handleSubmit} w znaczniku <form> pełni tę samą rolę. Przypisuje on funkcję handleSubmit jako procedurę obsługi zdarzenia submit dla tego formularza.

Zarówno w jednym, jak i w drugim przypadku, logika zawarta w funkcjach submit() i handleSubmit() zostanie wykonana dopiero w momencie zatwierdzenia całego formularza, a nie w trakcie wpisywania danych.

Dlaczego pozostałe odpowiedzi są nieprawidłowe?

• B: Obsługa w czasie rzeczywistym wymagałaby powiązania z innym zdarzeniem, np. (input) w Angularze lub onChange w React.
• C: Zmienne f (w Angular) i e (w React) to obiekty reprezentujące odpowiednio formularz i zdarzenie, a nie zmienne docelowe do przechowywania danych. Dane są jedynie odczytywane i logowane do konsoli.
• D: Przedstawiony kod dotyczy obsługi akcji użytkownika, a nie inicjalizacji formularza.