2. React Props

Question 1

What is props in React?

Answer 1

It is an object that acts as a parameter in a component, and properties are attached to it to pass data into a component when it is called.

Question 2

How are props used when writing code?

Answer 2

function componentName(props) { return (<div>{props.propertyName}</div>); }

Question 3

What is the npm command used to download the library that enables us to validate prop data types?

Answer 3

npm i prop-types

Question 4

How do you validate the prop data types of components?

Answer 4

componentName.propTypes = { propertyName: propTypes.dataType.isRequired/(optional) }

Question 5

In the proptypes library, what data type is used when expecting a function?

Answer 5

func

Question 6

In the proptypes library, what data type is used when expecting an array?

Answer 6

array

Question 7

In the proptypes library, what data type is used when expecting an array of a specific form of objects?

Answer 7

propertyName: propTypes.arrayOf(propTypes.shape({attr: propTypes.dataType}));

Question 8

How are prop values passed when a component is called?

Answer 8

<componentName></componentName>