From 99885e153050ee7b9c7a12c65a8c7dccc72fa826 Mon Sep 17 00:00:00 2001 From: Bradley Wogsland Date: Fri, 25 Oct 2019 11:43:20 -0500 Subject: [PATCH 01/10] translate unknown-prop into German --- content/warnings/unknown-prop.md | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md index 783d1b385..e5fa277ab 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -3,37 +3,37 @@ title: Unknown Prop Warning 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. +Die Warnung `unknown-prop` wird ausgelöst, wenn Sie versuchen, ein DOM-Element zu rendern. Sie sollten sicherstellen, dass Ihre DOM-Elemente keine herumschwebenden Sporenstützen haben. -There are a couple of likely reasons this warning could be appearing: +Es gibt einige wahrscheinliche Gründe, warum diese Warnung angezeigt werden könnte: -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. +1. Verwenden Sie `{...this.props}` oder `cloneElement(element, this.props)`? Ihre Komponente überträgt ihre eigenen Requisiten direkt auf ein untergeordnetes Element (eg. [transferring props](/docs/transferring-props.html)). Wenn Sie Requisiten an eine untergeordnete Komponente übertragen, sollten Sie sicherstellen, dass Sie nicht versehentlich Requisiten weiterleiten, die von der übergeordneten Komponente interpretiert werden sollen. -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). +2. Sie verwenden ein nicht standardmäßiges DOM-Attribut auf einem nativen DOM-Knoten, um möglicherweise benutzerdefinierte Daten darzustellen. Wenn Sie versuchen, benutzerdefinierte Daten an ein Standard-DOM-Element anzuhängen, sollten Sie ein benutzerdefiniertes Datenattribut verwenden, wie [im MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes) beschrieben. -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. +3. React erkennt das angegebene Attribut noch nicht. Dies wird wahrscheinlich in einer zukünftigen Version von React behoben. React entfernt jedoch derzeit alle unbekannten Attribute. Wenn Sie sie in Ihrer React-App angeben, werden sie nicht gerendert. -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). +4. Sie verwenden eine React-Komponente ohne Großbuchstaben. React interpretiert es als DOM-Tag, da die [React JSX-Transformation die Groß- / Kleinschreibung verwendet, um zwischen benutzerdefinierten Komponenten und DOM-Tags zu unterscheiden](/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: +Um dies zu beheben, sollten Verbundkomponenten alle Requisiten "verbrauchen", die für die Verbundkomponente und nicht für die untergeordnete Komponente vorgesehen sind. Beispiel: -**Bad:** Unexpected `layout` prop is forwarded to the `div` tag. +**Schlecht:** Unerwartetes `layout`-Prop wird an das `div`-Tag weitergeleitet. ```js function MyDiv(props) { if (props.layout === 'horizontal') { - // BAD! Because you know for sure "layout" is not a prop that
understands. + // SCHLECHT! Weil Sie sicher wissen, dass "layout" keine Requisite ist, die
versteht. return
} else { - // BAD! Because you know for sure "layout" is not a prop that
understands. + // SCHLECHT! Weil Sie sicher wissen, dass "layout" keine Requisite ist, die
versteht. return
} } ``` -**Good:** The spread operator can be used to pull variables off props, and put the remaining props into a variable. +**Gut:** Mit dem Spread-Operator können Sie Variablen von Requisiten abziehen und die verbleibenden Requisiten in eine Variable einfügen. ```js function MyDiv(props) { @@ -46,7 +46,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. +**Gut:** Sie können die Requisiten auch einem neuen Objekt zuweisen und die von Ihnen verwendeten Schlüssel aus dem neuen Objekt löschen. Achten Sie darauf, die Requisiten nicht aus dem ursprünglichen `this.props`-Objekt zu löschen, da dieses Objekt als unveränderlich angesehen werden sollte. ```js function MyDiv(props) { From 8b848d267580bde3e3180fb3933f215120110364 Mon Sep 17 00:00:00 2001 From: Bradley Wogsland Date: Fri, 25 Oct 2019 11:58:43 -0500 Subject: [PATCH 02/10] Sie -> du --- content/warnings/unknown-prop.md | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md index e5fa277ab..fd45c0bb4 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -3,17 +3,17 @@ title: Unknown Prop Warning layout: single permalink: warnings/unknown-prop.html --- -Die Warnung `unknown-prop` wird ausgelöst, wenn Sie versuchen, ein DOM-Element zu rendern. Sie sollten sicherstellen, dass Ihre DOM-Elemente keine herumschwebenden Sporenstützen haben. +Die Warnung `unknown-prop` wird ausgelöst, wenn du versuchst, ein DOM-Element zu rendern. du solltest sicherstellen, dass Ihre DOM-Elemente keine herumschwebenden Sporenstützen haben. Es gibt einige wahrscheinliche Gründe, warum diese Warnung angezeigt werden könnte: -1. Verwenden Sie `{...this.props}` oder `cloneElement(element, this.props)`? Ihre Komponente überträgt ihre eigenen Requisiten direkt auf ein untergeordnetes Element (eg. [transferring props](/docs/transferring-props.html)). Wenn Sie Requisiten an eine untergeordnete Komponente übertragen, sollten Sie sicherstellen, dass Sie nicht versehentlich Requisiten weiterleiten, die von der übergeordneten Komponente interpretiert werden sollen. +1. Verwendest du `{...this.props}` oder `cloneElement(element, this.props)`? Ihre Komponente überträgt ihre eigenen Requisiten direkt auf ein untergeordnetes Element (eg. [transferring props](/docs/transferring-props.html)). Wenn du Requisiten an eine untergeordnete Komponente übertragst, solltest du sicherstellen, dass du nicht versehentlich Requisiten weiterleitest, die von der übergeordneten Komponente interpretiert werden sollen. -2. Sie verwenden ein nicht standardmäßiges DOM-Attribut auf einem nativen DOM-Knoten, um möglicherweise benutzerdefinierte Daten darzustellen. Wenn Sie versuchen, benutzerdefinierte Daten an ein Standard-DOM-Element anzuhängen, sollten Sie ein benutzerdefiniertes Datenattribut verwenden, wie [im MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes) beschrieben. +2. Du verwendest ein nicht standardmäßiges DOM-Attribut auf einem nativen DOM-Knoten, um möglicherweise benutzerdefinierte Daten darzustellen. Wenn du versuchst, benutzerdefinierte Daten an ein Standard-DOM-Element anzuhängen, solltest du ein benutzerdefiniertes Datenattribut verwenden, wie [im MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes) beschrieben. -3. React erkennt das angegebene Attribut noch nicht. Dies wird wahrscheinlich in einer zukünftigen Version von React behoben. React entfernt jedoch derzeit alle unbekannten Attribute. Wenn Sie sie in Ihrer React-App angeben, werden sie nicht gerendert. +3. React erkennt das angegebene Attribut noch nicht. Dies wird wahrscheinlich in einer zukünftigen Version von React behoben. React entfernt jedoch derzeit alle unbekannten Attribute. Wenn du dich in deiner React-App angeben, werdest du nicht gerendert. -4. Sie verwenden eine React-Komponente ohne Großbuchstaben. React interpretiert es als DOM-Tag, da die [React JSX-Transformation die Groß- / Kleinschreibung verwendet, um zwischen benutzerdefinierten Komponenten und DOM-Tags zu unterscheiden](/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized). +4. Du verwendest eine React-Komponente ohne Großbuchstaben. React interpretiert es als DOM-Tag, da die [React JSX-Transformation die Groß- / Kleinschreibung verwendet, um zwischen benutzerdefinierten Komponenten und DOM-Tags zu unterscheiden](/docs/jsx-in-depth.html#user-defined-components-must-be-capitalized). --- @@ -24,16 +24,16 @@ Um dies zu beheben, sollten Verbundkomponenten alle Requisiten "verbrauchen", di ```js function MyDiv(props) { if (props.layout === 'horizontal') { - // SCHLECHT! Weil Sie sicher wissen, dass "layout" keine Requisite ist, die
versteht. + // SCHLECHT! Weil du sicher weißt, dass "layout" keine Requisite ist, die
versteht. return
} else { - // SCHLECHT! Weil Sie sicher wissen, dass "layout" keine Requisite ist, die
versteht. + // SCHLECHT! Weil du sicher weißt, dass "layout" keine Requisite ist, die
versteht. return
} } ``` -**Gut:** Mit dem Spread-Operator können Sie Variablen von Requisiten abziehen und die verbleibenden Requisiten in eine Variable einfügen. +**Gut:** Mit dem Spread-Operator kannst du Variablen von Requisiten abziehen und die verbleibenden Requisiten in eine Variable einfügen. ```js function MyDiv(props) { @@ -46,7 +46,7 @@ function MyDiv(props) { } ``` -**Gut:** Sie können die Requisiten auch einem neuen Objekt zuweisen und die von Ihnen verwendeten Schlüssel aus dem neuen Objekt löschen. Achten Sie darauf, die Requisiten nicht aus dem ursprünglichen `this.props`-Objekt zu löschen, da dieses Objekt als unveränderlich angesehen werden sollte. +**Gut:** Du kannst die Requisiten auch einem neuen Objekt zuweisen und die von Ihnen verwendeten Schlüssel aus dem neuen Objekt löschen. Achtest du darauf, die Requisiten nicht aus dem ursprünglichen `this.props`-Objekt zu löschen, da dieses Objekt als unveränderlich angesehen werden sollte. ```js function MyDiv(props) { From 8b1fba5126bbb99ef4b1d337f0e9d249137d1b7e Mon Sep 17 00:00:00 2001 From: Bradley Wogsland Date: Fri, 25 Oct 2019 12:06:39 -0500 Subject: [PATCH 03/10] more du --- content/warnings/unknown-prop.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/warnings/unknown-prop.md b/content/warnings/unknown-prop.md index fd45c0bb4..c57aef81f 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -3,11 +3,11 @@ title: Unknown Prop Warning layout: single permalink: warnings/unknown-prop.html --- -Die Warnung `unknown-prop` wird ausgelöst, wenn du versuchst, ein DOM-Element zu rendern. du solltest sicherstellen, dass Ihre DOM-Elemente keine herumschwebenden Sporenstützen haben. +Die Warnung `unknown-prop` wird ausgelöst, wenn du versuchst, ein DOM-Element zu rendern. du solltest sicherstellen, dass deine DOM-Elemente keine herumschwebenden Sporenstützen haben. Es gibt einige wahrscheinliche Gründe, warum diese Warnung angezeigt werden könnte: -1. Verwendest du `{...this.props}` oder `cloneElement(element, this.props)`? Ihre Komponente überträgt ihre eigenen Requisiten direkt auf ein untergeordnetes Element (eg. [transferring props](/docs/transferring-props.html)). Wenn du Requisiten an eine untergeordnete Komponente übertragst, solltest du sicherstellen, dass du nicht versehentlich Requisiten weiterleitest, die von der übergeordneten Komponente interpretiert werden sollen. +1. Verwendest du `{...this.props}` oder `cloneElement(element, this.props)`? Deine Komponente überträgt deine eigenen Requisiten direkt auf ein untergeordnetes Element (eg. [transferring props](/docs/transferring-props.html)). Wenn du Requisiten an eine untergeordnete Komponente übertragst, solltest du sicherstellen, dass du nicht versehentlich Requisiten weiterleitest, die von der übergeordneten Komponente interpretiert werden sollen. 2. Du verwendest ein nicht standardmäßiges DOM-Attribut auf einem nativen DOM-Knoten, um möglicherweise benutzerdefinierte Daten darzustellen. Wenn du versuchst, benutzerdefinierte Daten an ein Standard-DOM-Element anzuhängen, solltest du ein benutzerdefiniertes Datenattribut verwenden, wie [im MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes) beschrieben. From 7d032fe422e8ccad95d3d05f7e699a05847487c9 Mon Sep 17 00:00:00 2001 From: Bradley Wogsland Date: Wed, 30 Oct 2019 04:25:31 -0500 Subject: [PATCH 04/10] fix confusing sentence Co-Authored-By: Phil --- 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 c57aef81f..91be6146f 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -3,7 +3,7 @@ title: Unknown Prop Warning layout: single permalink: warnings/unknown-prop.html --- -Die Warnung `unknown-prop` wird ausgelöst, wenn du versuchst, ein DOM-Element zu rendern. du solltest sicherstellen, dass deine DOM-Elemente keine herumschwebenden Sporenstützen haben. +Die Warnung `unknown-prop` wird ausgelöst, wenn du versuchst, ein DOM-Element mit einem Prop zu rendern, welches nicht von React als gültiges DOM-Attribut/Eigenschaft erkannt wird. Du solltest sicherstellen, dass deine DOM-Elemente keine falschen Props haben, die umherfliegen. Es gibt einige wahrscheinliche Gründe, warum diese Warnung angezeigt werden könnte: From 7d74bbb5f67b4544236489a9751d682b02b73815 Mon Sep 17 00:00:00 2001 From: Bradley Wogsland Date: Thu, 7 Nov 2019 07:18:11 -0600 Subject: [PATCH 05/10] Update content/warnings/unknown-prop.md Co-Authored-By: Phil --- 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 91be6146f..8e6074e3d 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -17,7 +17,7 @@ Es gibt einige wahrscheinliche Gründe, warum diese Warnung angezeigt werden kö --- -Um dies zu beheben, sollten Verbundkomponenten alle Requisiten "verbrauchen", die für die Verbundkomponente und nicht für die untergeordnete Komponente vorgesehen sind. Beispiel: +Um dies zu beheben, sollten zusammengesetzte Komponenten alle Props "verbrauchen", die für die zusammengesetzte Komponente und nicht für die untergeordnete Komponente vorgesehen sind. Beispiel: **Schlecht:** Unerwartetes `layout`-Prop wird an das `div`-Tag weitergeleitet. From 46597928c4c8d609a81fce655d1785299798a78f Mon Sep 17 00:00:00 2001 From: Bradley Wogsland Date: Thu, 7 Nov 2019 07:18:40 -0600 Subject: [PATCH 06/10] Update content/warnings/unknown-prop.md Co-Authored-By: Phil --- 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 8e6074e3d..e0f2d7e7e 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -24,7 +24,7 @@ Um dies zu beheben, sollten zusammengesetzte Komponenten alle Props "verbrauchen ```js function MyDiv(props) { if (props.layout === 'horizontal') { - // SCHLECHT! Weil du sicher weißt, dass "layout" keine Requisite ist, die
versteht. + // SCHLECHT! Weil du sicher weißt, dass "layout" kein Prop ist, die
versteht. return
} else { // SCHLECHT! Weil du sicher weißt, dass "layout" keine Requisite ist, die
versteht. From 63e95a1283f89089513a26851e661d326f8e8258 Mon Sep 17 00:00:00 2001 From: Bradley Wogsland Date: Thu, 7 Nov 2019 07:18:53 -0600 Subject: [PATCH 07/10] Update content/warnings/unknown-prop.md Co-Authored-By: Phil --- 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 e0f2d7e7e..3d5498682 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -27,7 +27,7 @@ function MyDiv(props) { // SCHLECHT! Weil du sicher weißt, dass "layout" kein Prop ist, die
versteht. return
} else { - // SCHLECHT! Weil du sicher weißt, dass "layout" keine Requisite ist, die
versteht. + // SCHLECHT! Weil du sicher weißt, dass "layout" kein Prop ist, die
versteht. return
} } From 889195a391534ddbd5e3a062d73c32ee7506cd02 Mon Sep 17 00:00:00 2001 From: Bradley Wogsland Date: Thu, 7 Nov 2019 07:19:08 -0600 Subject: [PATCH 08/10] Update content/warnings/unknown-prop.md Co-Authored-By: Phil --- 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 3d5498682..690994d5f 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -33,7 +33,7 @@ function MyDiv(props) { } ``` -**Gut:** Mit dem Spread-Operator kannst du Variablen von Requisiten abziehen und die verbleibenden Requisiten in eine Variable einfügen. +**Gut:** Mit dem Spread-Operator kannst du Variablen aus den Props herausziehen und die verbleibenden Props in eine Variable einfügen. ```js function MyDiv(props) { From 824763a5c5f17d0a4e3c2bc70c1560b9d77a0b31 Mon Sep 17 00:00:00 2001 From: Bradley Wogsland Date: Thu, 7 Nov 2019 07:20:04 -0600 Subject: [PATCH 09/10] Update content/warnings/unknown-prop.md Co-Authored-By: Phil --- 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 690994d5f..2c0df7ec1 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -46,7 +46,7 @@ function MyDiv(props) { } ``` -**Gut:** Du kannst die Requisiten auch einem neuen Objekt zuweisen und die von Ihnen verwendeten Schlüssel aus dem neuen Objekt löschen. Achtest du darauf, die Requisiten nicht aus dem ursprünglichen `this.props`-Objekt zu löschen, da dieses Objekt als unveränderlich angesehen werden sollte. +**Gut:** Du kannst die Props auch einem neuen Objekt zuweisen und die von Ihnen verwendeten Schlüssel aus dem neuen Objekt löschen. Achte darauf, die Props nicht aus dem ursprünglichen `this.props`-Objekt zu löschen, da dieses Objekt als unveränderlich angesehen werden sollte. ```js function MyDiv(props) { From da31aec3849a9375f7ac80bb67a8eb59297020a5 Mon Sep 17 00:00:00 2001 From: Bradley Wogsland Date: Thu, 7 Nov 2019 07:21:38 -0600 Subject: [PATCH 10/10] Requisiten -> Props --- 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 2c0df7ec1..7d37b9cbf 100644 --- a/content/warnings/unknown-prop.md +++ b/content/warnings/unknown-prop.md @@ -7,7 +7,7 @@ Die Warnung `unknown-prop` wird ausgelöst, wenn du versuchst, ein DOM-Element m Es gibt einige wahrscheinliche Gründe, warum diese Warnung angezeigt werden könnte: -1. Verwendest du `{...this.props}` oder `cloneElement(element, this.props)`? Deine Komponente überträgt deine eigenen Requisiten direkt auf ein untergeordnetes Element (eg. [transferring props](/docs/transferring-props.html)). Wenn du Requisiten an eine untergeordnete Komponente übertragst, solltest du sicherstellen, dass du nicht versehentlich Requisiten weiterleitest, die von der übergeordneten Komponente interpretiert werden sollen. +1. Verwendest du `{...this.props}` oder `cloneElement(element, this.props)`? Deine Komponente überträgt deine eigenen Props direkt auf ein untergeordnetes Element (eg. [transferring props](/docs/transferring-props.html)). Wenn du Props an eine untergeordnete Komponente übertragst, solltest du sicherstellen, dass du nicht versehentlich Props weiterleitest, die von der übergeordneten Komponente interpretiert werden sollen. 2. Du verwendest ein nicht standardmäßiges DOM-Attribut auf einem nativen DOM-Knoten, um möglicherweise benutzerdefinierte Daten darzustellen. Wenn du versuchst, benutzerdefinierte Daten an ein Standard-DOM-Element anzuhängen, solltest du ein benutzerdefiniertes Datenattribut verwenden, wie [im MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes) beschrieben.