👷♂️ супер конструктор
Суперконструктор — это специальный конструктор в иерархии классов объектно-ориентированных языков программирования. Он относится к конструктору родительского класса, который расширяется в текущем классе. Целью использования суперконструктора с аргументом props является наследование свойств родительского класса, а также передача дополнительных свойств в качестве аргументов дочернему классу.
🍃 реквизит
В React свойства — это свойства, которые передаются компоненту от его родительского компонента. Их можно использовать для передачи значений и функций компоненту, который затем можно использовать для визуализации компонента. При создании компонента в React обычно расширяют существующий компонент и передают некоторые дополнительные реквизиты этому компоненту. Здесь в игру вступает суперконструктор с аргументом props.
🦾Давайте разберемся с функциональностью суперконструктора с аргументом реквизита в React.
Конструктор дочернего класса не может использовать эту ссылку, пока не будет вызван метод super()
. То же самое относится и к подклассам ES6. Основной причиной передачи параметра props в вызов super()
является доступ к this.props
в ваших дочерних конструкторах.
🙉 Передача реквизита:
🙈 Не передавать реквизит:
Приведенные выше фрагменты кода показывают, что this.props
отличается только внутри конструктора. Это было бы то же самое вне конструктора.
Используя суперконструктор с аргументом props, компонент может наследовать свойства родительского компонента, а также получать доступ к новым переданным свойствам. Это позволяет компоненту использовать свойства как родительского компонента, так и новые реквизиты в методе рендеринга. Это особенно полезно в ситуациях, когда компоненту необходимо получить доступ к значениям или функциям родительского компонента, чтобы отобразить его содержимое.
Цель использования суперконструктора с аргументом props — позволить компоненту наследовать свойства своего родительского компонента, а также передавать дополнительные свойства в качестве аргументов компоненту. Это особенно полезно в React при создании компонента, которому требуется доступ к значениям или функциям родительского компонента для отображения его содержимого. Используя суперконструктор с аргументом props, компонент может получить доступ как к свойствам родительского компонента, так и к новым свойствам, что позволяет сделать компонент более гибким и динамичным.
🧱 Синтаксис
В использовании super(props)
нет ничего сложного, нам просто нужно вызвать super(props)
в методе конструктора нашего компонента дочернего класса.
🧵Вывод
React — это бесплатная библиотека JavaScript с открытым исходным кодом для дизайна пользовательского интерфейса. Он отображает компоненты, написанные на JSX. Он вводит понятие реквизита. Свойства используются для передачи данных от родительских компонентов к дочерним компонентам. Эти реквизиты могут быть обновлены только родительским компонентом. Он доступен только для чтения для дочерних компонентов. Нам могут потребоваться реквизиты внутри конструктора дочерних компонентов с этим ключевым словом. super()
вызывает конструктор родительского класса. Использование суперконструктора с аргументами реквизита в основном позволяет получить доступ к this.props
в функции конструктора.
🍀Поддержка
Пожалуйста, следите за нами и поддержите нас, подписавшись на наш канал. Ваша поддержка очень ценна и поможет нам продолжать создавать контент для вас. Спасибо заранее за вашу поддержку!