Przejdź do treści głównej
INF.04Pytanie #601 z 856frameworki-frontendowe-spa

Który kod Angular lub React.js sprawi, że przycisk „Zatwierdź” wyświetli się jedynie w przypadku wypełnienia całego formularza, co identyfikuje pole isComplete?

Opcje odpowiedzi:
A
Angular: <div *ngIf="isComplete == true">... React: { this.isComplete == true && <button>... }
Prawidłowa
B
Angular: <div *ngFor="isComplete == true">... React: { let isComplete => true && <button>... }
C
Angular: <div isComplete == true>... React: { isComplete == true && <button>... }
D
Angular: <div *ngIf="isComplete()">... React: { this.isComplete == true => <button>... }
Reklama

Wyjaśnienie i uzasadnienie dydaktyczne

Poprawna odpowiedź to A.

  1. Angular: Dyrektywa strukturalna *ngIf służy do warunkowego dołączania elementu do DOM. Warunek isComplete == true jest poprawny.
  2. React: Popularnym wzorcem (tzw. short-circuit evaluation) jest użycie operatora logicznego &&. Jeśli lewa strona (this.isComplete == true) jest prawdziwa, renderowana jest prawa strona (przycisk).

Wyjaśnienie pozostałych opcji:

  • B – *ngFor służy do pętli, a składnia React jest błędna (przypomina funkcję strzałkową).
  • C – W Angularze brakuje dyrektywy *ngIf (sam atrybut nie zadziała warunkowo).
  • D – Składnia React z operatorem => w tym kontekście jest niepoprawna dla renderowania warunkowego.

Chcesz poćwiczyć całą kwalifikację INF.04?

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.

Rozwiąż w Quizie

Pojęcia z tego pytania

Cały słownik INF04
Reklama

Podobne pytania z działu „Frameworki frontendowe spa”

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