В чем разница между PeerComponent и Component

Разница в том, что Component - это базовый класс React-компонента, а PeerComponent - это концепция, а не официальный API React.

Component предоставляет методы жизненного цикла (componentDidMount, render и др.) и состояние (this.state, this.setState).

PeerComponent обычно означает компонент, взаимодействующий с другим компонентом на одном уровне (peer-to-peer), например, через общее состояние (Redux, Context API) или callback-пропсы.

Пример взаимодействия peer-компонентов:

const ComponentA = ({ onUpdate }) => (
  <button onClick={() => onUpdate("Hello")}>Send</button>
);

const ComponentB = ({ message }) => <div>{message}</div>;

function App() {
  const [message, setMessage] = useState("");
  return (
    <>
      <ComponentA onUpdate={setMessage} />
      <ComponentB message={message} />
    </>
  );
}