INF.04Pytanie #563 z 856frameworki-frontendowe-spa

Aby uzyskać dwukierunkową kontrolę (zapis i odczyt) nad wartością kontrolki input we frameworku Angular lub bibliotece React.js należy zapisać:

Opcje odpowiedzi:

React.js: <input value=this.state.input1 /> bez obsługi zdarzenia onChange; Angular: <input (ngModel)="input1" />

React.js: <input value={this.state.input1}/> bez obsługi zdarzenia onChange; Angular: <input ngModel="input1" />

React.js: <input value="input1" /> oraz obsłużyć zdarzenie onChange; Angular: <input [(ngForm)]="input1" />

React.js: <input value={this.state.input1} /> oraz obsłużyć zdarzenie onChange; Angular: <input [(ngModel)]="input1" />

Prawidłowa

Reklama

Poprawna odpowiedź to D.

React.js: Wymaga powiązania wartości (value) ze stanem (this.state.input1) oraz obsługi zdarzenia zmiany (onChange), które ten stan zaktualizuje (Controlled Component). Bez onChange pole byłoby tylko do odczytu.
Angular: Wykorzystuje składnię „banana in a box” [(ngModel)] do dwukierunkowego wiązania danych (two-way data binding).

Wyjaśnienie pozostałych opcji:

A: Składnia Angulara (ngModel) oznacza tylko wiązanie zdarzeń (od widoku do modelu), a nie dwukierunkowe.
B: Brak obsługi onChange w React zablokuje możliwość edycji pola. W Angularze ngModel bez nawiasów nie zadziała jako binding.
C: Użycie value="input1" ustawi statyczny tekst, a [(ngForm)] to błędna dyrektywa dla inputa (powinno być ngModel).

Egzamin próbny na czas, nauka działami, losowe pytanie albo przegląd całej bazy — wszystko w przeglądarce i bez zakładania konta.

Pojęcia z tego pytania

Reklama

Ten sam obszar materiału z kwalifikacji INF.04. W całej bazie znajdziesz 35 pytań z tego działu.