Which code pattern sets default props for a React component named MyComponent?

Which code pattern sets default props for a React component named MyComponent?

• A. MyComponent.setDefaultProps({})
• B. MyComponent.defaultProps = { }
• C. MyComponent.propsDefaults = { }
• D. MyComponent.defineDefaultProps({})

Answer: (B)

Setting default props in React is done by attaching a defaultProps object directly to the component. This makes React fill in missing props with the values you provide. For a component named MyComponent, you assign an object to MyComponent.defaultProps, like MyComponent.defaultProps = { someProp: 'default' }. This pattern is the standard way to define fallback values for props across both function and class components. The other patterns aren’t part of React’s API for default props, so they won’t set fallback values. This approach keeps the intent clear and aligns with how React handles prop defaults. If you’re using function components, you can also achieve similar behavior with default parameters or destructuring, but defaultProps remains a common and established method.

Setting default props in React is done by attaching a defaultProps object directly to the component. This makes React fill in missing props with the values you provide. For a component named MyComponent, you assign an object to MyComponent.defaultProps, like MyComponent.defaultProps = { someProp: 'default' }. This pattern is the standard way to define fallback values for props across both function and class components.

The other patterns aren’t part of React’s API for default props, so they won’t set fallback values. This approach keeps the intent clear and aligns with how React handles prop defaults. If you’re using function components, you can also achieve similar behavior with default parameters or destructuring, but defaultProps remains a common and established method.