From e06e27c7352b2d31e61b89b794140683b01ddf40 Mon Sep 17 00:00:00 2001 From: Igor Soloydenko Date: Sat, 2 Mar 2019 00:41:09 -0800 Subject: [PATCH 01/19] Translate Unknown Prop Warning --- content/warnings/unknown-prop.md | 33 ++++++++++++++++---------------- 1 file changed, 17 insertions(+), 16 deletions(-) diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md index 783d1b385..dd30bc36e 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -1,44 +1,45 @@ --- -title: Unknown Prop Warning +title: "Предупреждение: неизвестный проп" layout: single permalink: warnings/unknown-prop.html --- -The unknown-prop warning will fire if you attempt to render a DOM element with a prop that is not recognized by React as a legal DOM attribute/property. You should ensure that your DOM elements do not have spurious props floating around. -There are a couple of likely reasons this warning could be appearing: +Предупреждение о неизвестном пропе выдаётся, когда вы пытаетесь срендерить DOM-элемент с пропом, который React не может распознать как разрешённый DOM-атрибут или свойство. Вы должны убедиться, что DOM-элементы не получают по ошибке не относящиеся к ним пропсы. -1. Are you using `{...this.props}` or `cloneElement(element, this.props)`? Your component is transferring its own props directly to a child element (eg. [transferring props](/docs/transferring-props.html)). When transferring props to a child component, you should ensure that you are not accidentally forwarding props that were intended to be interpreted by the parent component. +Есть несколько наиболее вероятных причин, из-за чего возникает это предупреждение: -2. You are using a non-standard DOM attribute on a native DOM node, perhaps to represent custom data. If you are trying to attach custom data to a standard DOM element, consider using a custom data attribute as described [on MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes). +1. Используете ли вы `{...this.props}` или `cloneElement(element, this.props)`? Может быть, ваш компонент передаёт собственные пропсы напрямую дочернему элементу (см. [Компоненты и пропсы](/docs/transferring-props.html)). Проверьте, что вы не перенаправляете случайно пропсы, предназначенные для родительского компонента, в дочерние компоненты. -3. React does not yet recognize the attribute you specified. This will likely be fixed in a future version of React. However, React currently strips all unknown attributes, so specifying them in your React app will not cause them to be rendered. +2. Вы используете нестандартный DOM-атрибут на нативном DOM-узле. Например, с целью представить пользовательские (custom) данные. Вместо этого вам следует рассмотреть вариант с использованием data-* атрибутов, описанных [на MDN](https://developer.mozilla.org/ru/docs/Web/Guide/HTML/Using_data_attributes). -4. You are using a React component without an upper case. React interprets it as a DOM tag because [React JSX transform uses the upper vs. lower case convention to distinguish between user-defined components and DOM tags](/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized). +3. React не узнаёт заданный вами атрибут. С большой вероятностью, это будет исправлено в будущих версиях React. На сегодняшний же день React вычищает неизвестные атрибуты, поэтому их указание не приводит к их рендерингу. + +4. Вы используете React-компонент, имя которого начинается со строчной, а не заглавной буквы. React интерпретирует его как DOM-тег, потому что [JSX-трасформация в React использует соглашение о регистре в наименованиях для отличия определённых пользователем компонентов от DOM-тегов](/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized). --- -To fix this, composite components should "consume" any prop that is intended for the composite component and not intended for the child component. Example: +Чтобы исправить ситуацию, ваш композитный компонент должен "поглотить" все пропсы, которые предназначены именно ему, а не его дочерним компонентам. Пример: -**Bad:** Unexpected `layout` prop is forwarded to the `div` tag. +**Плохо:** Непредвиденный проп `layout` перенаправлен а тег `div`. ```js function MyDiv(props) { - if (props.layout === 'horizontal') { - // BAD! Because you know for sure "layout" is not a prop that
understands. + if (props.layout === 'горизонтальный') { + // Плохо! Потому что мы уверены, что "layout" не проп, который
понимает. return
} else { - // BAD! Because you know for sure "layout" is not a prop that
understands. + // Плохо! Потому что мы уверены, что "layout" не проп, который
понимает. return
} } ``` -**Good:** The spread operator can be used to pull variables off props, and put the remaining props into a variable. +**Хорошо:** Оператор `...` («spread operator») может пригодиться, чтобы «вытянуть» отдельные переменные из пропсов и положить оставшиеся пропсы в переменную. ```js function MyDiv(props) { const { layout, ...rest } = props - if (layout === 'horizontal') { + if (layout === 'горизонтальный') { return
} else { return
@@ -46,7 +47,7 @@ function MyDiv(props) { } ``` -**Good:** You can also assign the props to a new object and delete the keys that you're using from the new object. Be sure not to delete the props from the original `this.props` object, since that object should be considered immutable. +**Хорошо:** Вы также можете присвоить пропсы новому объекту и удалить из него те ключи, которые вы используете в текущем компоненте. Этот объект можно безопасно передать дочерним компонентам. Будьте внимательны и не удаляйте пропсы из оригинального объекта `this.props`, потому что с ним следует обращаться как с иммутабельным. ```js function MyDiv(props) { @@ -54,7 +55,7 @@ function MyDiv(props) { const divProps = Object.assign({}, props); delete divProps.layout; - if (props.layout === 'horizontal') { + if (props.layout === 'горизонтальный') { return
} else { return
From 0cbbc5243613a10b410cef5ee00512d15bcda578 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Sat, 2 Mar 2019 01:36:25 -0800 Subject: [PATCH 02/19] Update content/warnings/unknown-prop.md Co-Authored-By: another-guy --- content/warnings/unknown-prop.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md index dd30bc36e..af3b2032d 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -34,7 +34,7 @@ function MyDiv(props) { } ``` -**Хорошо:** Оператор `...` («spread operator») может пригодиться, чтобы «вытянуть» отдельные переменные из пропсов и положить оставшиеся пропсы в переменную. +**Хорошо:** Оператор расширения (`...`) может пригодиться, чтобы «вытянуть» отдельные переменные из пропсов, а оставшиеся пропсы поместить в переменную. ```js function MyDiv(props) { From 9b852b45144163c43cae038de4fa2b880b4c72cf Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Sat, 2 Mar 2019 01:36:47 -0800 Subject: [PATCH 03/19] Update content/warnings/unknown-prop.md Co-Authored-By: another-guy --- content/warnings/unknown-prop.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md index af3b2032d..824abf4e7 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -20,7 +20,7 @@ permalink: warnings/unknown-prop.html Чтобы исправить ситуацию, ваш композитный компонент должен "поглотить" все пропсы, которые предназначены именно ему, а не его дочерним компонентам. Пример: -**Плохо:** Непредвиденный проп `layout` перенаправлен а тег `div`. +**Плохо:** Непредвиденный проп `layout` перенаправлен в тег `div`. ```js function MyDiv(props) { From 1b62c95063be003a1c3abe921db6bad7edfb6e2f Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Sat, 2 Mar 2019 01:37:03 -0800 Subject: [PATCH 04/19] Update content/warnings/unknown-prop.md Co-Authored-By: another-guy --- content/warnings/unknown-prop.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md index 824abf4e7..6275243a2 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -4,7 +4,7 @@ layout: single permalink: warnings/unknown-prop.html --- -Предупреждение о неизвестном пропе выдаётся, когда вы пытаетесь срендерить DOM-элемент с пропом, который React не может распознать как разрешённый DOM-атрибут или свойство. Вы должны убедиться, что DOM-элементы не получают по ошибке не относящиеся к ним пропсы. +Предупреждение о неизвестном пропе выдаётся, когда вы пытаетесь срендерить DOM-элемент с пропом, который React не может распознать как разрешённый DOM-атрибут или свойство. Вам следует убедиться, что DOM-элементы не получают по ошибке не относящиеся к ним пропсы. Есть несколько наиболее вероятных причин, из-за чего возникает это предупреждение: From a96648ed7d4bad20799e0ae1fe3ab19014f3e47e Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Sat, 2 Mar 2019 01:38:13 -0800 Subject: [PATCH 05/19] Update content/warnings/unknown-prop.md Co-Authored-By: another-guy --- content/warnings/unknown-prop.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md index 6275243a2..cb1b475e6 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -47,7 +47,7 @@ function MyDiv(props) { } ``` -**Хорошо:** Вы также можете присвоить пропсы новому объекту и удалить из него те ключи, которые вы используете в текущем компоненте. Этот объект можно безопасно передать дочерним компонентам. Будьте внимательны и не удаляйте пропсы из оригинального объекта `this.props`, потому что с ним следует обращаться как с иммутабельным. +**Хорошо:** Вы также можете присвоить пропсы новому объекту и удалить из него те ключи, которые используете в текущем компоненте. Этот объект можно безопасно передать дочерним компонентам. Будьте внимательны и не удаляйте пропсы из оригинального объекта `this.props`, потому что с ним следует обращаться как с иммутабельным. ```js function MyDiv(props) { From cdb313d8ae2e1cb7d3ea4cec4606e6fc46761b26 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Sat, 2 Mar 2019 01:38:25 -0800 Subject: [PATCH 06/19] Update content/warnings/unknown-prop.md Co-Authored-By: another-guy --- content/warnings/unknown-prop.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md index cb1b475e6..2e60ea079 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -28,7 +28,7 @@ function MyDiv(props) { // Плохо! Потому что мы уверены, что "layout" не проп, который
понимает. return
} else { - // Плохо! Потому что мы уверены, что "layout" не проп, который
понимает. + // Плохо! Потому что мы уверены, что "layout" не проп, с которым
работает. return
} } From d7d92683c0204886285cc44950ea8232b43fb6fe Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Sat, 2 Mar 2019 01:38:38 -0800 Subject: [PATCH 07/19] Update content/warnings/unknown-prop.md Co-Authored-By: another-guy --- content/warnings/unknown-prop.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md index 2e60ea079..2a39551bc 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -25,7 +25,7 @@ permalink: warnings/unknown-prop.html ```js function MyDiv(props) { if (props.layout === 'горизонтальный') { - // Плохо! Потому что мы уверены, что "layout" не проп, который
понимает. + // Плохо! Потому что мы уверены, что "layout" не проп, с которым
работает. return
} else { // Плохо! Потому что мы уверены, что "layout" не проп, с которым
работает. From 9587124b76a77d791dd7f170df1ead903bb8d262 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Sat, 2 Mar 2019 01:39:41 -0800 Subject: [PATCH 08/19] Update content/warnings/unknown-prop.md Co-Authored-By: another-guy --- content/warnings/unknown-prop.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md index 2a39551bc..d85e66229 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -55,7 +55,7 @@ function MyDiv(props) { const divProps = Object.assign({}, props); delete divProps.layout; - if (props.layout === 'горизонтальный') { + if (props.layout === 'horizontal') { return
} else { return
From 5cf13bbd604fcd56004a5b43b47f8ff5fef2454d Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Sat, 2 Mar 2019 01:39:48 -0800 Subject: [PATCH 09/19] Update content/warnings/unknown-prop.md Co-Authored-By: another-guy --- content/warnings/unknown-prop.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md index d85e66229..20e1c409f 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -39,7 +39,7 @@ function MyDiv(props) { ```js function MyDiv(props) { const { layout, ...rest } = props - if (layout === 'горизонтальный') { + if (layout === 'horizontal') { return
} else { return
From 27711e3f7273df0944610f6553acda1c57257641 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Sat, 2 Mar 2019 01:40:28 -0800 Subject: [PATCH 10/19] Update content/warnings/unknown-prop.md Co-Authored-By: another-guy --- content/warnings/unknown-prop.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md index 20e1c409f..167c760a0 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -10,7 +10,7 @@ permalink: warnings/unknown-prop.html 1. Используете ли вы `{...this.props}` или `cloneElement(element, this.props)`? Может быть, ваш компонент передаёт собственные пропсы напрямую дочернему элементу (см. [Компоненты и пропсы](/docs/transferring-props.html)). Проверьте, что вы не перенаправляете случайно пропсы, предназначенные для родительского компонента, в дочерние компоненты. -2. Вы используете нестандартный DOM-атрибут на нативном DOM-узле. Например, с целью представить пользовательские (custom) данные. Вместо этого вам следует рассмотреть вариант с использованием data-* атрибутов, описанных [на MDN](https://developer.mozilla.org/ru/docs/Web/Guide/HTML/Using_data_attributes). +2. Вы используете нестандартный DOM-атрибут на нативном DOM-узле. Например, с целью представить пользовательские данные. Вместо этого следует рассмотреть вариант с использованием data-атрибутов, описанных [на MDN](https://developer.mozilla.org/ru/docs/Web/Guide/HTML/Using_data_attributes). 3. React не узнаёт заданный вами атрибут. С большой вероятностью, это будет исправлено в будущих версиях React. На сегодняшний же день React вычищает неизвестные атрибуты, поэтому их указание не приводит к их рендерингу. From a82103bcf1360b3f05d29496e59ddf210b29acc0 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Sat, 2 Mar 2019 01:40:48 -0800 Subject: [PATCH 11/19] Update content/warnings/unknown-prop.md Co-Authored-By: another-guy --- content/warnings/unknown-prop.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md index 167c760a0..1e9f60a9a 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -12,7 +12,7 @@ permalink: warnings/unknown-prop.html 2. Вы используете нестандартный DOM-атрибут на нативном DOM-узле. Например, с целью представить пользовательские данные. Вместо этого следует рассмотреть вариант с использованием data-атрибутов, описанных [на MDN](https://developer.mozilla.org/ru/docs/Web/Guide/HTML/Using_data_attributes). -3. React не узнаёт заданный вами атрибут. С большой вероятностью, это будет исправлено в будущих версиях React. На сегодняшний же день React вычищает неизвестные атрибуты, поэтому их указание не приводит к их рендерингу. +3. React не распознаёт указанный атрибут. С большой вероятностью, это будет исправлено в будущих версиях React. На сегодняшний же день React удаляет неизвестные атрибуты, поэтому они не будут отрендерены. 4. Вы используете React-компонент, имя которого начинается со строчной, а не заглавной буквы. React интерпретирует его как DOM-тег, потому что [JSX-трасформация в React использует соглашение о регистре в наименованиях для отличия определённых пользователем компонентов от DOM-тегов](/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized). From f6da9d6b00eff2a0e3eae8f12b72f8aab0120877 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Sat, 2 Mar 2019 01:41:14 -0800 Subject: [PATCH 12/19] Update content/warnings/unknown-prop.md Co-Authored-By: another-guy --- content/warnings/unknown-prop.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md index 1e9f60a9a..670975001 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -24,7 +24,7 @@ permalink: warnings/unknown-prop.html ```js function MyDiv(props) { - if (props.layout === 'горизонтальный') { + if (props.layout === 'horizontal') { // Плохо! Потому что мы уверены, что "layout" не проп, с которым
работает. return
} else { From 91b8394cea4c27bc16a25d8fcfbfdac51dc826d4 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Sat, 2 Mar 2019 01:41:34 -0800 Subject: [PATCH 13/19] Update content/warnings/unknown-prop.md Co-Authored-By: another-guy --- content/warnings/unknown-prop.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md index 670975001..a153a1dd1 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -18,7 +18,7 @@ permalink: warnings/unknown-prop.html --- -Чтобы исправить ситуацию, ваш композитный компонент должен "поглотить" все пропсы, которые предназначены именно ему, а не его дочерним компонентам. Пример: +Чтобы исправить ситуацию, составные компоненты должны получить все пропсы, которые предназначены только ему, а не его дочерним компонентам. Пример: **Плохо:** Непредвиденный проп `layout` перенаправлен в тег `div`. From b8d9cec65798dc31cce90cb6612440b870692a84 Mon Sep 17 00:00:00 2001 From: Anton Ahatov Date: Sat, 2 Mar 2019 09:25:58 -0800 Subject: [PATCH 14/19] Update content/warnings/unknown-prop.md Co-Authored-By: another-guy --- content/warnings/unknown-prop.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md index a153a1dd1..b1ed9fcae 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -4,7 +4,7 @@ layout: single permalink: warnings/unknown-prop.html --- -Предупреждение о неизвестном пропе выдаётся, когда вы пытаетесь срендерить DOM-элемент с пропом, который React не может распознать как разрешённый DOM-атрибут или свойство. Вам следует убедиться, что DOM-элементы не получают по ошибке не относящиеся к ним пропсы. +Предупреждение о неизвестном пропе выдаётся, когда вы пытаетесь срендерить DOM-элемент с пропом, который React не может распознать как разрешённый DOM-атрибут или свойство. Вам следует убедиться, что DOM-элементы не получают по ошибке пропсы, которые к ним не относятся. Есть несколько наиболее вероятных причин, из-за чего возникает это предупреждение: From 8650693aa36c46095d8f56a2a2e85d1fb8644765 Mon Sep 17 00:00:00 2001 From: Anton Ahatov Date: Sat, 2 Mar 2019 09:27:09 -0800 Subject: [PATCH 15/19] Update content/warnings/unknown-prop.md Co-Authored-By: another-guy --- content/warnings/unknown-prop.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md index b1ed9fcae..7ef6102fe 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -47,7 +47,7 @@ function MyDiv(props) { } ``` -**Хорошо:** Вы также можете присвоить пропсы новому объекту и удалить из него те ключи, которые используете в текущем компоненте. Этот объект можно безопасно передать дочерним компонентам. Будьте внимательны и не удаляйте пропсы из оригинального объекта `this.props`, потому что с ним следует обращаться как с иммутабельным. +**Хорошо:** Вы также можете присвоить пропсы новому объекту и удалить из него те ключи, которые используете в текущем компоненте. Этот объект можно безопасно передать дочерним компонентам. Будьте внимательны и не удаляйте пропсы из оригинального объекта `this.props`, обращайтесь с ним как с иммутабельным. ```js function MyDiv(props) { From 2c517c69fb8754265aeb44af8742f298f40ca457 Mon Sep 17 00:00:00 2001 From: ANOTHER GUY Date: Sat, 2 Mar 2019 11:09:00 -0800 Subject: [PATCH 16/19] Update unknown-prop.md --- content/warnings/unknown-prop.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md index 7ef6102fe..f42c54ef6 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -14,7 +14,7 @@ permalink: warnings/unknown-prop.html 3. React не распознаёт указанный атрибут. С большой вероятностью, это будет исправлено в будущих версиях React. На сегодняшний же день React удаляет неизвестные атрибуты, поэтому они не будут отрендерены. -4. Вы используете React-компонент, имя которого начинается со строчной, а не заглавной буквы. React интерпретирует его как DOM-тег, потому что [JSX-трасформация в React использует соглашение о регистре в наименованиях для отличия определённых пользователем компонентов от DOM-тегов](/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized). +4. Имя React-компонента начинается не с заглавной буквы, поэтому React распознаёт его, как DOM-тег, а не как компонент. Это происходит на основе [соглашения о верхнем и нижнем регистре в JSX](/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized), которое позволяет React различать пользовательские компоненты от DOM-тегов. --- From d630f0d3ee51ad55cc1d892676328c9f34acb270 Mon Sep 17 00:00:00 2001 From: ANOTHER GUY Date: Sat, 2 Mar 2019 11:15:20 -0800 Subject: [PATCH 17/19] Update unknown-prop.md --- content/warnings/unknown-prop.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md index f42c54ef6..d4ad10220 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -14,7 +14,7 @@ permalink: warnings/unknown-prop.html 3. React не распознаёт указанный атрибут. С большой вероятностью, это будет исправлено в будущих версиях React. На сегодняшний же день React удаляет неизвестные атрибуты, поэтому они не будут отрендерены. -4. Имя React-компонента начинается не с заглавной буквы, поэтому React распознаёт его, как DOM-тег, а не как компонент. Это происходит на основе [соглашения о верхнем и нижнем регистре в JSX](/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized), которое позволяет React различать пользовательские компоненты от DOM-тегов. +4. Имя React-компонента начинается со строчной буквы, поэтому React распознаёт его как DOM-тег, а не как компонент. Это происходит на основе [соглашения о верхнем и нижнем регистре в JSX](/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized), которое позволяет React различать пользовательские компоненты от DOM-тегов. --- From 4b36e0f08d8f4f42594ac9a566018f00998c5894 Mon Sep 17 00:00:00 2001 From: ANOTHER GUY Date: Sat, 2 Mar 2019 13:44:05 -0800 Subject: [PATCH 18/19] Update unknown-prop.md --- content/warnings/unknown-prop.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md index d4ad10220..a8d25f295 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -34,7 +34,7 @@ function MyDiv(props) { } ``` -**Хорошо:** Оператор расширения (`...`) может пригодиться, чтобы «вытянуть» отдельные переменные из пропсов, а оставшиеся пропсы поместить в переменную. +**Хорошо:** Оператор расширения (`...`) помогает извлечь часть пропсов (например, `layout`) каждый в отдельную переменную, а оставшиеся — поместить в общую переменную (скажем, `rest`). ```js function MyDiv(props) { From 644fc93a4b85fbf543788780b58a0fd03c999256 Mon Sep 17 00:00:00 2001 From: Nick Tishkevich Date: Sun, 3 Mar 2019 12:54:26 -0800 Subject: [PATCH 19/19] Update content/warnings/unknown-prop.md Co-Authored-By: another-guy --- content/warnings/unknown-prop.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md index a8d25f295..5ebb911b1 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -4,7 +4,7 @@ layout: single permalink: warnings/unknown-prop.html --- -Предупреждение о неизвестном пропе выдаётся, когда вы пытаетесь срендерить DOM-элемент с пропом, который React не может распознать как разрешённый DOM-атрибут или свойство. Вам следует убедиться, что DOM-элементы не получают по ошибке пропсы, которые к ним не относятся. +Предупреждение о неизвестном пропе выдаётся, когда вы пытаетесь отрендерить DOM-элемент с пропом, который React не может распознать как разрешённый DOM-атрибут или свойство. Вам следует убедиться, что DOM-элементы не получают по ошибке пропсы, которые к ним не относятся. Есть несколько наиболее вероятных причин, из-за чего возникает это предупреждение: