Props — параметры

«Большинство компонентов можно настраивать с помощью параметров при создании. Эти параметры называются props.»

Передача props

// Родительский компонент
const App = () => (
  <View>
    <Greeting name="Алиса" age={25} />
    <Greeting name="Боб" age={30} />
  </View>
)

// Дочерний компонент
const Greeting = (props) => (
  <Text>Привет {props.name}, тебе {props.age} лет!</Text>
)

Деструктуризация props

const Greeting = ({ name, age }) => (
  <Text>Привет {name}, тебе {age} лет!</Text>
)

Только для чтения

Компонент никогда не должен изменять свои props.

ℹ️ Правило чистых функций

«React компоненты должны работать как чистые функции в отношении своих свойств props.»