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.»