Observe the below code snippet and select the correct option to pass state from Parent component to Child component:​​​​​​​const Parent = () => {  const [data, setData] = useState(0);  return (    <>      <h1>Parent Component</h1>    </>  );};export const Child = ({counter}) => {  return (    <>      <h3> Child component</h3>    </>  );};export default Parent; ​​​​​​​ <Child {data} /> and {props.data}<Child counter = {data} /> and {counter}<Child data = {counter} /> and {this.props.counter}<Child data = {this.state.counter} /> and {props.counter}

Which component property is used to pass data from a parent component to a child component?statepropsdatachildrenPrevious

In React, what is used to pass data to a component from its parent?*setStatecontextuseStateprops

What is the purpose of state in a React component? To store and manage component data that can change over timeTo pass data from parent to child componentsTo store and manage component data that remains constantTo define the component's markup and layout

Consider the following code Identify the problem with code and choose the correct code from the following this.setState({ counter:this.state.counter+this.props.increment, }) A this.setState([ counter: state.counter+this.props.increment, }) B this.setState([ counter:this.state.counter + props.increment, }) C this.setState((state, props) => ({ counter: state.counter + props.increment, })) D this.setState((state, props) => ({ counter: state.counter+this.props.increment, }))

What is the output of the following code snippet?function ParentComponent() { const data = { name: "John Doe", age: 30 }; return ( <div> <ChildComponent data={data}> <h3>This is a child element</h3> </ChildComponent> </div> ); } function ChildComponent(props) { const { name, age } = props.data; return ( <div> <h2>Name: {name}</h2> <h2>Age: {age}</h2> {props.children} </div> ); }AName: John Doe Age: 30This is a child elementBName: undefined Age: undefinedThis is a child elementCName: null Age: nullThis is a child elementDSyntax error