How do you access a passed-in prop named 'title' inside a component?

How do you access a passed-in prop named 'title' inside a component?

• A. this.props.title
• B. this.state.title
• C. props.title
• D. this.context.title

Answer: (A)

Props given to a component are accessed through this.props in a class component, so to read a passed-in title you use this.props.title. This distinguishes props from state (which is internal to the component and accessed via this.state) and from context (which is a separate mechanism accessed via this.context). In a functional component, you’d read it from the function’s props parameter (for example, props.title or by destructuring { title } from the parameter).

Props given to a component are accessed through this.props in a class component, so to read a passed-in title you use this.props.title. This distinguishes props from state (which is internal to the component and accessed via this.state) and from context (which is a separate mechanism accessed via this.context). In a functional component, you’d read it from the function’s props parameter (for example, props.title or by destructuring { title } from the parameter).