Приклади вживання Пропси Українська мовою та їх переклад на Англійською
{-}
-
Colloquial
-
Ecclesiastic
-
Computer
DOM-елемент <input> приймає атрибути value і onChange, так і користувацький TemperatureInput може прийняти пропси temperature і onTemperatureChange зі свого батьківського компонента Calculator.
В тих випадках, коли ви не можете статично задати проп(наприклад тому, що вам потрібно замкнути пропси та/або стан компоненту),<Mouse>
Він робить лише поверхове порівняння, а тому ви не можете використати його, якщо пропси чи стан можуть змінитись таким чином, що поверхове порівняння пропустить цю зміну.
Ми перемістимо date з пропсів до стану в три етапи.
Стан подібний до пропсів, але він приватний і повністю контролюється компонентом.
Всі React-компоненти повинні працювати як чисті функції відносно їхніх пропсів.
За замовчуванням він тільки поверхово порівнює складні об'єкти, що знаходяться в об'єкті пропсів.
Це виключає помилки в коді, що припускає незмінність стану чи пропсів.
Якщо щось може бути обчислено або з пропсів, або з стану, це, ймовірно, не повинно бути в стані.
Зверніть увагу, що це спрацює для пропсів, стану чи будь-якого іншого обчисленого значення.
Поки що наш додаток рендериться в залежності від пропсів і стану, що передаються вниз по ієрархії.
ваші знання компонентів, пропсів та низхідного потоку даних залишаться актуальними.
Ви можете задати значення за замовчуванням для ваших пропсів присвоївши спеціальну властивість defaultProps.
рендер пропсів та контексту.
включно з обробниками подій та ефектами,“бачить” значення пропсів та стану того рендеру, під час якого вони були створені.
Використовуйте shouldComponentUpdate(), щоб дати знати React, чи поточна зміна стану і пропсів не впливає на виведення компонента.
ShouldComponentUpdate() викликається перед рендерингом при отриманні нових пропсів і стану. За замовчуванням має значення true.
React буде вважати, що ваш ефект не залежить від жодного із значень пропсів чи стану, а тому не потребує повторного запуску.
Це використовується для невизначених пропсів, але не для пропсів зі значенням null. Наприклад.
вибірку даних чи анімацію) у відповідь на зміну пропсів, замість нього використовуйте componentDidUpdate.