Що таке ПРОПСІВ Англійською - Англійська переклад

• props

Приклади вживання Пропсів Українська мовою та їх переклад на Англійською

Задає значення пропсів за замовчуванням.
Specifies the default values for props.

Це виключає помилки в коді, що припускає незмінність стану чи пропсів.
This prevents bugs caused by the code assuming props and state don't change.

Ми перемістимо date з пропсів до стану в три етапи.
We will move the date from props to state in three steps.

Всі React-компоненти повинні працювати як чисті функції відносно їхніх пропсів.
All React components must act like pure functions with respect to their props.

Уникайте копіювання пропсів в стан! Це поширена помилка.
Avoid copying props into state! This is a common mistake.

Стан подібний до пропсів, але він приватний і повністю контролюється компонентом.
State is similar to props, but it is private and fully controlled by the component.

PureComponent пропускає оновлення пропсів для всього піддерева компоненту.
PureComponent's shouldComponentUpdate() skips prop updates for the whole component subtree.

Чи можете ви обчислити її на основі будь-якої іншої частини стану або пропсів у своєму компоненті?
Can you compute it based on any other state or props in your component?

Зверніть увагу, що це спрацює для пропсів, стану чи будь-якого іншого обчисленого значення.
Note how this would work for props, state, or any other calculated value.

За замовчуванням він тільки поверхово порівнює складні об'єкти, що знаходяться в об'єкті пропсів.
By default it will only shallowly compare complex objects in the props object.

Це використовується для невизначених пропсів, але не для пропсів зі значенням null. Наприклад.
This is used for undefined props, but not for null props. For example.

Якщо вам потрібно виконати побічний ефект(наприклад, вибірку даних чи анімацію) у відповідь на зміну пропсів, замість нього використовуйте componentDidUpdate.
If you need to perform a side effect(for example, data fetching or an animation) in response to a change in props, use componentDidUpdate lifecycle instead.

Якщо щось може бути обчислено або з пропсів, або з стану, це, ймовірно, не повинно бути в стані.
If something can be derived from either props or state, it probably shouldn't be in the state.

Використовуйте shouldComponentUpdate(), щоб дати знати React, чи поточна зміна стану і пропсів не впливає на виведення компонента.
Use shouldComponentUpdate() to let React know if a component's output is not affected by the current change in state or props.

PureComponent виконує поверхове порівняння пропсів та стану і зменшує шанс того, що ви пропустите необхідне оновлення.
PureComponent performs a shallow comparison of props and state, and reduces the chance that you will skip a necessary update.

Ви можете задати значення за замовчуванням для ваших пропсів присвоївши спеціальну властивість defaultProps.
You can define default values for your props by assigning to the special defaultProps property.

Уявіть дерево компонентів як водоспад пропсів, де стан кожного компонента подібний до додаткового джерела води, який приєднується до нього в довільній точці, але тече вниз.
If you imagine a component tree as a waterfall of props, each component's state is like an additional water source that joins it at an arbitrary point but also flows down.

Поки що наш додаток рендериться в залежності від пропсів і стану, що передаються вниз по ієрархії.
So far, we have built an app that renders correctly as a function of props and state flowing down the hierarchy.

Характерний код з використанням хуків не потребує глибокого дерева компонентів, що є поширених у кодових базах з використаням компонентів вищого порядку, рендер пропсів та контексту.
Idiomatic code using Hooks doesn't need the deep component tree nesting that is prevalent in codebases that use higher-order components, render props, and context.

React буде вважати, що ваш ефект не залежить від жодного із значень пропсів чи стану, а тому не потребує повторного запуску.
This tells React that your effect doesn't depend on any values from props or state, so it never needs to re-run.

Це спричинене тим, що поверхове порівняння пропсів завжди повертатиме false для нових пропсів, а в даному випадку кожен виклик render генеруватиме нове значення для рендер-пропа.
This is because the shallow prop comparison will always return false for new props, and each render in this case will generate a new value for the render prop.

ShouldComponentUpdate() викликається перед рендерингом при отриманні нових пропсів і стану. За замовчуванням має значення true.
ShouldComponentUpdate() is invoked before rendering when new props or state are being received. Defaults to true.

Кожна функція в компоненті, включно з обробниками подій та ефектами,“бачить” значення пропсів та стану того рендеру, під час якого вони були створені.
Any function inside a component, including event handlers and effects,“sees” the props and state from the render it was created in.

У React загальноприйнятим вважається використанняon[Event] імен для пропсів, що представляють події, і handle[Event] для методів, що цю подію обробляють.
In React, however, it is a convention to use on[Event] names for props which represent events and handle[Event] for the methods which handle the events.

Хуки не змінюють основні принципи роботи React і ваші знання компонентів, пропсів та низхідного потоку даних залишаться актуальними.
They don't fundamentally change how React works, and your knowledge of components, props, and top-down data flow is just as relevant.

Коли ви бачите якусь помилку в UI, ви можете скористатися React Developer Tools для перевірки пропсів і переміщуватися вгору по дереву, поки не знайдете компонент, відповідальний за оновлення стану.
When you see something wrong in the UI, you can use React Developer Tools to inspect the props and move up the tree until you find the component responsible for updating the state.

КВП повинні передавати ті пропси, що не пов'язані з їх функціональністю.
HOCs should pass through props that are unrelated to its specific concern.

Передавайте обробник події та інші функції через пропси дочірнім компонентам.
Pass event handlers and other functions as props to child components.

Іншою можливою причиною того, що ви бачите застарілі пропси чи стан можуть бути неправильно вказані значення залежностей при використанні оптимізації за допомогою“масиву залежностей”.
Another possible reason you're seeing stale props or state is if you use the“dependency array” optimization but didn't correctly specify all the dependencies.

Коли пропси чи стан компонента змінюються, React вирішує чи необхідне оновлення DOM, порівнюючи новий повернутий елемент з вже відрендереним.
When a component's props or state change, React decides whether an actual DOM update is necessary by comparing the newly returned element with the previously rendered one.