React и TypeScript: Практическое руководство. Быстрый старт - страница 15
– Пропсы только для чтения. Пропсы являются только для чтения, что означает, что дочерний компонент не может изменять значения пропсов. Они предназначены только для отображения данных.
– Использование по умолчанию. Вы можете предоставить значения по умолчанию для пропсов, которые будут использоваться, если соответствующие пропсы не переданы из родительского компонента.
– Проверка типов (Type Checking). React позволяет проводить проверку типов пропсов с помощью PropTypes (для функциональных компонентов) или propTypes (для классовых компонентов). Это помогает предотвратить ошибки типов во время выполнения.
Пример использования:
import React from ’react’
function Welcome (props) {
return
Привет, {props.name}!
}
function App () {
return <Welcomename=«John» />
}
export default App
В этом примере компонент App передает name=«John» в дочерний компонент Welcome через props.
Использование пропсов позволяет создавать компоненты, которые могут быть легко настраиваемыми и переиспользуемыми в различных контекстах
– Использование state
Стейт (state) в React представляет собой объект, который содержит данные, влияющие на отображение компонента, и используется для хранения информации, которая может изменяться со временем и должна быть учтена при перерисовке компонента.
Важные аспекты работы со стейтом в React:
– Локальный для компонента. Стейт обычно является локальным для компонента, что означает, что каждый компонент имеет свой собственный стейт. Это помогает изолировать данные и логику между компонентами.
– Инициализация. Стейт может быть инициализирован в конструкторе компонента при использовании классовых компонентов или с использованием хука useState в функциональных компонентах.
– Изменение стейта. Стейт можно изменять с помощью метода setState (для классовых компонентов) или функции, возвращаемой хуком useState (для функциональных компонентов). При изменении стейта React автоматически перерисовывает компонент.
– Асинхронность. Вы должны быть осторожны при изменении стейта, так как операции по его изменению могут быть асинхронными. React может объединять несколько обновлений стейта для оптимизации производительности.
– Неизменяемость (Immutability). Рекомендуется не изменять стейт напрямую, а создавать новый объект стейта с обновленными данными. Это помогает предотвратить мутацию стейта и упростить отслеживание изменений.
– Прокидывание стейта. Стейт может быть передан дочерним компонентам через пропсы, что позволяет им отображать и использовать данные из него.
Таким образом, state используется для хранения данных, которые могут изменяться и влиять на отображение компонента. Вы можете инициализировать стейт в конструкторе компонента и изменять его с помощью метода setState ().
Пример использования:
import React, {Component} from ’react’
class Counter extends Component {
constructor (props) {
super (props)
this.state = {count: 0}
}
incrementCount = () => {
this.setState ({count: this.state.count +1})
}
render () {
return (
Счетчик: {this.state.count}
)
}
}
function App () {
return <Counter />
}
export default App
Рассмотрим код подробней.
Конструктор – это особая функция в React-компонентах, которая выполняется при создании нового экземпляра компонента. Она принимает props в качестве параметра и вызывает базовый конструктор через super (props), чтобы унаследовать функциональность родительского компонента. В конструкторе обычно инициализируют начальное состояние компонента и выполняют другие подготовительные операции.
Это руководство предназначено для тех, кто желает освоить создание веб-приложений, используя такие современные инструменты, как React и TypeScript. Оно предлагает последовательный путь в освоении этих технологий – от начальных концепций до более глубоких аспектов. Независимо от вашего уровня подготовки, предлагаются практические примеры и полезные советы, чтобы сделать ваши знания еще более глубокими и применимыми.
В этой книге хорошо сочетается теория и практика создания эффективного бизнеса, а также прилагаются готовые шаблоны и документы, уже неоднократно проверенные и доказавшие свою эффективность на реальных кейсах, которые можно сразу же использовать в работе.Книга будет полезна руководителям, предпринимателям, учредителям и инвесторам, желающим эффективно инвестировать, развивать бизнес и увеличивать прибыль.
Методическое пособие «Логоритмика для детей 2 – 3 лет (конспекты занятий)» поможет педагогам и родителям при планировании занятий и развлечений с детьми раннего возраста.Для индивидуальных и групповых занятий.
Книга «Юридическая социология: научные статьи и исследования Пацановского С. В.» представляет собой сборник научных статей и исследований. В книге содержится ряд научных статей и исследований, представляющих актуальную информацию о современных проблемах и вызовах юридической социологии. Автор освещает такие темы, как социальные причины правонарушений, роль правосознания в формировании правовой системы, влияние социальных факторов на судебные реше
В книге содержится концентрированная выборка и обобщение информации по биологическим и социальным основам жизни человечества, определяющим его развитие или деградацию, жизнь или исчезновение как биологического вида и носителя социального разума. Все, что в ней изложено, было когда-то кем-то высказано, за исключением некоторых выводов и обобщений, и является в своей сути продуктом социального разума Руси.
У меня самая непривлекательная ипостась в мире! Крот! С полненькой фигурой и плохим зрением меня никуда не берут на работу. Любимая подруга мириться с этим отказалась и устроила мне собеседование в самой крупной компании города – да еще и с руководителем-инкубом!
Возьмет ли он меня на вакансию секретаря? И что за странные требования у него к кандидатам?
Книга про Виталину и Маркуса: https://litnet.com/ru/reader/neistinnaya-dlya-inkuba-b404833
Что вы знаете о серийных убийцах? А о женщинах – серийных убийцах? В свои пятнадцать лет Энни знает о них все. Ее мама преступница, потому и оказалась за решеткой. Теперь у дочери «монстра» другое имя, Милли, и новая семья. Вот только мысли старые: о маме, страшных жертвах, полиции…Майк, приемный отец девушки и по совместительству психотерапевт, пытается спасти ее душу, но как-то уж очень неискренне. Милли уверена: она для него лишь эксперимент –
