Props là đầu vào cho một React component.

Chúng là các giá trị đơn lẻ hoặc các đối tượng chứa một tập hợp các giá trị được chuyển cho React component khi khởi tạo bằng cách sử dụng quy ước đặt tên tương tự như các thuộc tính thẻ HTML. Tức là, Props là dữ liệu được truyền từ thành phần mẹ sang thành phần con.

Mục đích chính của Props trong React là cung cấp chức năng thành phần sau:

• Chuyển dữ liệu tùy chỉnh đến React component của bạn.
• Kích hoạt trạng thái thay đổi.
• Sử dụng thông qua this.props.reactProp bên trong phương thức render() của component.

Ví dụ: chúng ta hãy tạo một phần tử có thuộc tính reactProp

<Element reactProp = "1" />

Tên reactProp này (hoặc bất cứ thứ gì bạn nghĩ ra) sẽ trở thành một thuộc tính gắn liền với đối tượng props gốc của React (this.props), là đối tượng đã tồn tại trên tất cả các component được tạo bằng thư viện React.

props.reactProp;