Що таке PROPS Англійською - Англійська переклад

• props

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

Оскільки this. props і this.
Because this. props and this.

Для MyComponent значення props.
For MyComponent, the value of props.

Запам'ятайте, що props призначені лише для читання.
Remember that props are readonly.

Локальний стан та props компонента.
Local state and component props.

Наразі давайте вдамо, що this. props.
For now, let's pretend this. props.

Замініть props на this. props в тілі render().
Replace props with this. props in the render() body.

Component зміг ініціалізувати this. props:.
Component constructor can initialize this. props:.

Якщо для props. color встановлено значення null, то воно залишиться null:.
If props. color is set to null, it will remain null:.

React викличе цю функцію з двома аргументами props і ref.
React will call this function with props and ref as two arguments.

Якщо props. color не наданий, за замовчуванням буде встановлено значення'синій':.
If props. color is not provided, it will be set by default to'blue':.

Наприклад, ми хочемо збільшити значення в стані на props. step:.
For instance, suppose we wanted to increment a value in state by props. step:.

Рядок Привіт, світе! доступний у props. children у компоненті Welcome:.
The string Hello world! is available in props. children in the Welcome component:.

Хоча key і виглядає як props, на нього не можна посилатися використовуючи this. props. key.
Even though key may look like it belongs in props, key cannot be referenced using this. props. key.

Але якщо ви викличите super() без аргумента props, ви всеодно будете мати доступ до this.
But somehow, even if you call super() without the props argument, you will still be able to access this.

Наприклад, якщо ви маєте компонент користувача, ви можете передати функцію зворотнього виклику у props. children:.
For example, if you have a custom component, you could have it take a callback as props. children:.

У цьому коді shouldComponentUpdate лише перевіряє наявні зміни в props. color чи state. count.
In this code, shouldComponentUpdate is just checking if there is any change in props. color or state. count.

КВП“logProps” передає всі props до компонента, який він обгортає, так що результат рендеру буде такий самий.
The“logProps” HOC passes all props through to the component it wraps, so the rendered output will be the same.

Проблема в тому, що PureComponent зробить просте порівняння старого значення this. props. words з новим.
The problem is that PureComponent will do a simple comparison between the old and new values of this. props. words.

Production of multifaceted and round props- Солар Стальконструкція Повний спектр монтажних послуг для СЕС_.
Production of multifaceted and round props- Solar Steelconstruction Full range of installation services for SES.

Зазвичай краще уникати всіх використань forceUpdate() і тільки зчитувати this. props і this. state в render().
Normally you should try to avoid all uses of forceUpdate() and only read from this. props and this. state in render().

Зазвичай JavaScript-вирази, що прописані в JSX, перетворюються в рядок, React-елемент або список з попередніх. Проте props.
Normally, JavaScript expressions inserted in JSX will evaluate to a string, a React element, or a list of those things. However, props.

(Ви можете зробити так, щоб React пропускав повторні підписки, якщо props. friend. id, який ми передали до ChatAPI, залишився без змін.).
(If you want, there's a way to tell React to skip re-subscribing if the props. friend. id we passed to ChatAPI didn't change.).

Оскільки цей код змінює масив words у методі handleClick класу WordAdder, то нове та старе значення this. props.
Since this code mutates the words array in the handleClick method of WordAdder, the old and new values of this. props.

Компонент приймає параметри, які називаються props(скорочено від“properties”- властивості), і повертає ієрархію перегляду, використовуючи метод render.
A component takes in parameters, called props(short for“properties”), and returns a hierarchy of views to display via the render method.

У JSX-виразах контент, що міститься між відкриваючим та закриваючим тегами, передається через спеціальний проп props. children.
In JSX expressions that contain both an opening tag and a closing tag, the content between those tags is passed as a special prop: props. children.

Найбільша різниця між state і props полягає в тому, що props передаються з батьківського компонента, а state керується самим компонентом.
The most important difference between state and props is that props are passed from a parent component, but state is managed by the component itself.

Це корисно, якщо ви хочете маніпулювати колекціями потомків у ваших рендер-методах, особливо якщо ви хочете змінити порядок або обрізати this. props.
Useful if you want to manipulate collections of children in your render methods, especially if you want to reorder or slice this. props.

Проблема в тому, що це є і надлишковим(ви можете просто використати this. props. color напряму), і приводить до помилок(оновлення пропу color не буде зафіксоване в стані).
The problem is that it's both unnecessary(you can use this. props. color directly instead), and creates bugs(updates to the color prop won't be reflected in the state).

Якщо ваш компонент буде більш складним, ви можете використати схожий шаблон і зробити“поверхове порівняння” всіх полей props і state, щоб визначити, чи має компонент оновитись.
If your component got more complex, you could use a similar pattern of doing a“shallow comparison” between all the fields of props and state to determine if the component should update.

У залежності від того, який синтаксис і підхід до створення компонентів ви використовуєте, існує декілька способів впевнитись, що функції мають доступ до таких атрибутів компонента, як this. props та this. state.
There are several ways to make sure functions have access to component attributes like this. props and this. state, depending on which syntax and build steps you are using.