Can functional component prop be modified?

Question

I have a functional component that looks like this:

export const Navbarr = ({items}) => {
 

  const [user,  error] = useAuthState(auth);
  const [cartItems, setCartItems]=React.useState(0);

  const fetchUserCartItems=async()=>{
  
      const q = query(collection(db, "users"), where("uid", "==", user?.uid));
      const doc = await getDocs(q);
      const data = doc.docs[0].data();   
      setCartItems(data.cartItems);
      
  }

Can "items" be modified with the value of cartItems? And how?

Thank you

Answer 1

You cannot modify any props rather it can be handle by event handling to change the state. See this video from the current time duration. After this you know about the event handling and binding. https://www.youtube.com/watch?v=Ke90Tje7VS0&t=3664s