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, }))

If we use useState for the following code then which of the following code carry out the same operation that this reducer is doing <button onClick={() => dispatch({type: 'decrement'})}>-</button> <button onClick={() => dispatch({type: 'increment'})}>+</button>A<button onClick={() =>setState(state-1)}>-</button><button onClick={() =>setState(state+1)}>+</button>B<button onClick={() =>setState(-1)}>-</button><button onClick={() =>setState(1)}>+</button>C <button onClick={setState(state-1)}>-</button><button onClick={setState(state+1)}>+</button>D <button onClick={setState(-1)}>-</button><button onClick={setState(1)}>+</button>

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}

Consider the below code snippet:function counter(state = { count: 0 }, action) { const count = state.count switch (action.type) { case 'increase': return { count: count + 1 } default: return state }}var store = createStore();What would be the value of the state if the store.getState() method is invoked?state= {count: 0}state= {count: 1}Error since reducer is not bound to storeNo Output

Choose the correct statements about the below code: const [name,setName]= useState('') const [age,setAge] = useState(0) useEffect(()=>{ console.log("useEffect method called") },[age]) useEffect will be called whenever name and age state changes useEffect is invoked once after initial render and then everytime when age state changes useEffect is invoked once once after initial render useEffect is not invoked

Which of the following is the correct way to update the state in React?*this.state = newState;this.setState(newState);this.state(newState);this.updateState(newState);