React Questions

export default function MyComponent(props = { name: 'John' }) { }

MyComponent.defaultProps = { name: 'John' };

defaultProps = { name: 'John' }(MyComponent);

function MyComponent(props) { props.defaultProps = { name: 'John' }; }

To handle user interactions

To manage application state

To directly manipulate the DOM

To break down the UI into independent, reusable pieces

function Welcome(props) { ... }

class Welcome extends React.Component { ... }

let Welcome = (props) => { ... }

const Welcome = () => { ... };

Calling addEventListener within the componentDidMount lifecycle method

Both 'Using bind in the constructor' and 'Using arrow functions in the render method'

Using bind in the constructor

Using arrow functions in the render method

To handle user events

To enforce the data type of props

To style components

To manage component state

<span>This is incorrect {</span>

As a property of the event object (e.g., event.target)

By passing the element as an argument to the event handler

Using this keyword inside the event handler

React doesn't provide a way to access the triggering element

By using refs to directly access and manage DOM values.

By sending an HTTP request to the server on every input change.

By storing the data in a global state management library.

By relying on data binding between the form and component state.

To define the order in which elements should be displayed.

To help React efficiently update and re-render lists.

To give each element a unique identifier for styling purposes.

To associate event handlers with specific elements.

There is no difference, they are the same.

JSX attributes are written in camelCase, while HTML attributes are lowercase.

JSX attributes are used for styling, while HTML attributes are for functionality.

JSX attributes can only be strings, while HTML attributes can be any data type.