Về mặt khái niệm thì Props là một cơ chế truyền thông tin vào các Component cha bao bọc bên ngoài vào các Component con bên trong
Cách gọi Function và Class Component được biểu hiện rõ trong ví dụ sau:
function CallName(props) { return <h1>My Name: {props.name}</h1> ; }
Do kiểu file của React là *.jxs nên trong function ta có thể return về một nhóm HTML Element. Tương tự như bên Class Component ta sẽ làm như sau
class CallName extends React.Component { render() { return <h1>My Name: {props.name}</h1> ; } }
Ở phần 1 mình có tạo một Class Component tên là CallName thì mình sẽ gọi và truyền Props vào Component CallName như sau
const elementName = <Welcome name="Dương" />;
Sau đó các bạn chỉ cần gọi ra thì trên màn hình sẽ xuất hiện My Name: Duong.