Strona główna › Pytania INF.04 › Pytanie 763
INF.04 · pytanie #763
Jakie elementy zostaną wyświetlone w przeglądarce po wykonaniu kodu źródłowego stworzonego za pomocą dwóch funkcjonalnie równoważnych fragmentów? KOD W ANGULAR: <pre class="code-block">tags: string[] = ['tag1', 'tag2', 'tag3' ]; // ... <p *ngFor="let tag of tags"> {{tag}} </p> </pre> KOD W REACT.JS: <pre class="code-block">state = { tags: ['tag1', 'tag2', 'tag3'] }; // ... /* w instrukcji return metody render */ <React.Fragment> { this.state.tags.map(tag => <p key={tag}>{tag}</p>) } </React.Fragment> </pre>
- AJeden paragraf z pierwszym elementem tablicy tags.
- BTrzy paragrafy, w każdym z nich tekst o treści: {tag}.
- CJeden paragraf zawierający wszystkie elementy tablicy tags w kolejności.
- DTrzy paragrafy, każdy odpowiadający kolejnemu elementowi tablicy tags.
Poprawna odpowiedź: D. Trzy paragrafy, każdy odpowiadający kolejnemu elementowi tablicy tags.
Kliknij odpowiedź, którą uważasz za poprawną.
Wyjaśnienie
Kod generuje trzy paragrafy, każdy z kolejnym elementem tablicy tags. Jest to standardowy sposób iteracji po elementach tablicy i renderowania ich jako oddzielnych elementów HTML. W praktyce, takie podejście jest szeroko stosowane w aplikacjach frontendowych, gdzie dynamicznie tworzone elementy interfejsu użytkownika są generowane na podstawie tablic lub list danych. Każdy element tablicy jest iterowany i osobno przekształcany w znacznik HTML, co pozwala na łatwe zarządzanie i aktualizowanie treści strony w czasie rzeczywistym. To podejście jest zgodne z najlepszymi praktykami dotyczącymi manipulacji DOM i zapewnia wysoką wydajność aplikacji.
🤖 Wyjaśnienie generowane przez AI – weryfikuj w oficjalnych źródłach.