Mapa wejściowa React

1. What Is Map () w React?
2. Czy możemy użyć mapy w JSX?
3. Jak zmapować wartość tablicy w React?

What Is Map () w React?

W ReactJS mapy są używane do przemieszczania lub wyświetlania listy podobnych obiektów komponentu. Metoda MAP jest standardową funkcją JavaScript, a nie tylko funkcją ReactJS, którą można wywołać w tablicy. Nowa tablica jest wykonana przy użyciu metody map (), a funkcja wywoływana jest na każdym elemencie tablicy.

Czy możemy użyć mapy w JSX?

Możemy mapować te bezpośrednio w JSX. Możesz zobaczyć, jak to się dzieje w poniższym przykładzie. Co to jest? const Usernames = [„Jesse”, „tom”, „anna”] funkcja app () return ( <div> <ul> nazwy użytkowników.

Jak zmapować wartość tablicy w React?

Przypisujemy nową tablicę zwróconą przez map () do zmiennej podwójnej i rejestrujemy ją: const liczby = [1, 2, 3, 4, 5]; const podwójna = liczby.mapa ((liczba) => liczba * 2); konsola.log (podwójny); Ten kod loguje się [2, 4, 6, 8, 10] do konsoli. W React przekształcenie tablic na listy elementów jest prawie identyczne.