React Array map()

React Array map() là một phương thức của mảng Array trong JavaScipt.Nó là một phương thức rất hữu ích được sử dụng nhiều trong React.

Phương thức .map() cho phép bạn chạy một hàm trên từng mục trong mảng, nó hoạt động tương tự như vòng lặp, kết quả trả về một mảng mới.

Trong React, phương thức map() được sử dụng để tạo List danh sách.

 

Ví dụ: Tạo List danh dách nhân viên từ một mảng bằng phương thức map() trong file Array_Demo.js như sau:

Ví dụ Code React

import React, { Component }  from "react";

 

const Array_Employees = ["Hoa","Hồng","Thanh", "Phương","Thủy"];

const List_Employees = Array_Employees .map((item)=> <p>Tên Nhân Viên: {item}</p>);

 

export class Array_Demo extends Component{

    render(){

        return(List_Employees);

    }

}