Select an appropriate statement which is true regarding props: (Select any two).Can be modified based on user interactionCannot be changed in child componentCan be accessed only in parent componentCan be assigned to state of the component

State whether the sentence is true or false.A component cannot have both state and props.  TrueFalse

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}

Question 7Imagine the below component structure, where all components ComponentA, ComponentB and ComponentC are simple presentational components that hold no props or state:2345678910111  return(    <AppContext.Provider>      <ComponentA />    </AppContext.Provider>  );}; const ComponentA = React.memo(() => <ComponentB />);const ComponentB = () => <ComponentC />;const ComponentC = () => null;const App = () => {If the App component re-rendered for whatever reason, what would be the sequence of component re-renders that would take place?1 pointApp -> ComponentA -> ComponentB -> ComponentC. App -> ComponentB -> ComponentC App

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

Which component manages the state for conditional rendering using the ternary operator?App componentUserGreeting componentParent componentChild component