Props — это данные, которые компонент получает снаружи от родителя. Они read-only, компонент не может их менять. State — это внутреннее состояние компонента, которым он управляет сам через useState. Изменение state вызывает ре-рендер. Props текут сверху вниз (однонаправленный поток данных). Если нужно передать данные наверх — родитель передаёт колбэк через props, ребёнок его вызывает. Правило: если данные не меняются внутри компонента — это props, если меняются — state.