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

Przedstawione funkcjonalnie sobie równoważne kody Angular i React.js mają za zadanie

html


<div *ngIf="stan == 1">
  <button>Modyfikuj</button>
</div>
<div *ngIf="stan == 2">
  <button>Prześlij</button>
</div>

javascript

// Fragment kodu React.js
<div>
  { this.stan == 1 && <button>Modyfikuj</button> }
  { this.stan == 2 && <button>Prześlij</button> }
</div>

Opcje odpowiedzi:

wyświetlić przycisk Prześlij, gdy stan jest równy 1.

wyświetlić przycisk Modyfikuj, gdy stan jest równy 1.

Prawidłowa

wyświetlić dwa przyciski Modyfikuj i Prześlij.

nie wyświetlać żadnego przycisku, gdy stan jest równy 2.

Reklama

Poprawna odpowiedź to B. Oba fragmenty kodu realizują renderowanie warunkowe. Warunek stan == 1 jest powiązany z przyciskiem "Modyfikuj".

Analiza:

W Angularze dyrektywa *ngIf="stan == 1" sprawia, że div z przyciskiem "Modyfikuj" pojawi się w DOM tylko wtedy, gdy zmienna stan ma wartość 1.
W React wyrażenie { this.stan == 1 && ... } działa analogicznie – prawa strona operatora && (przycisk) wyrenderuje się tylko, gdy lewa strona jest prawdą.

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.