Components and Props

An important detail to remember about props is that they are "read-only" (or immutable), which means that a component can only read the props given to it, and never change them. The (parent) component higher in the tree owns and controls the property values.

For example, if you try to set or change a prop value like this:

const Header = (props) => {
  return (
    <header>
    ...