New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Translated API-Referenz/ReactDOM #45
Conversation
Deploy preview for de-reactjs ready! Built with commit 8e0424b |
|
||
- [`render()`](#render) | ||
- [`hydrate()`](#hydrate) | ||
- [`unmountComponentAtNode()`](#unmountcomponentatnode) | ||
- [`findDOMNode()`](#finddomnode) | ||
- [`createPortal()`](#createportal) | ||
|
||
### Browser Support {#browser-support} | ||
### Browser Unterstützung {#browser-support} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
### Browser Unterstützung {#browser-support} | |
### Browser-Unterstützung {#browser-support} |
> | ||
> We don't support older browsers that don't support ES5 methods, but you may find that your apps do work in older browsers if polyfills such as [es5-shim and es5-sham](https://github.com/es-shims/es5-shim) are included in the page. You're on your own if you choose to take this path. | ||
> Wir unterstützen keine älteren Browser, die keine ES5 Methoden unterstützen. Möglicherweiße funktionieren deine Applikationen auch in älteren Browser, wenn Polyfills wie z.B. [es5-shim und es5-sham](https://github.com/es-shims/es5-shim) auf deiner Seite eingebunden sind. Du bist auf dich alleine gestellt, wenn du diesen Weg einschlägst. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
> Wir unterstützen keine älteren Browser, die keine ES5 Methoden unterstützen. Möglicherweiße funktionieren deine Applikationen auch in älteren Browser, wenn Polyfills wie z.B. [es5-shim und es5-sham](https://github.com/es-shims/es5-shim) auf deiner Seite eingebunden sind. Du bist auf dich alleine gestellt, wenn du diesen Weg einschlägst. | |
> Wir unterstützen keine älteren Browser, die über keine ES5 Methoden verfügen. Möglicherweise funktionieren deine Anwendungen auch in älteren Browsern, wenn Polyfills wie z.B. [es5-shim und es5-sham](https://github.com/es-shims/es5-shim) auf deiner Seite eingebunden sind. Du bist jedoch dann auf dich alleine gestellt, wenn du diesen Weg gehst. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Suggestion:
Wir unterstützen keine älteren Browser, die über keine ES5 Methoden verfügen. Möglicherweiße funktionieren deine Anwendungen auch in älteren Browsern, wenn Polyfills wie z.B. es5-shim und es5-sham auf deiner Seite eingebunden sind. Du bist jedoch dann auf dich alleine gestellt, wenn du diesen Weg gehst.
|
||
### `render()` {#render} | ||
|
||
```javascript | ||
ReactDOM.render(element, container[, callback]) | ||
``` | ||
|
||
Render a React element into the DOM in the supplied `container` and return a [reference](/docs/more-about-refs.html) to the component (or returns `null` for [stateless components](/docs/components-and-props.html#functional-and-class-components)). | ||
Render ein React Element in das DOM in dem zur Verfügung gestellten `container` und gib eine [Referenz](/docs/more-about-refs.html) zur Komponente zurück (oder `null` für [Funktionale Komponenten](/docs/components-and-props.html#functional-and-class-components)). |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Render ein React Element in das DOM in dem zur Verfügung gestellten `container` und gib eine [Referenz](/docs/more-about-refs.html) zur Komponente zurück (oder `null` für [Funktionale Komponenten](/docs/components-and-props.html#functional-and-class-components)). | |
Rendert ein React Element in das DOM in dem zur Verfügung gestellten `container` und gibt eine [Referenz](/docs/more-about-refs.html) zur Komponente zurück (oder `null` für [Funktionale Komponenten](/docs/components-and-props.html#functional-and-class-components)). |
> | ||
> `ReactDOM.render()` controls the contents of the container node you pass in. Any existing DOM elements inside are replaced when first called. Later calls use React’s DOM diffing algorithm for efficient updates. | ||
> `ReactDOM.render()` kontrolliert den Inhalt des Container Knoten den du übergeben hast. Jedes darin existierende DOM Element wird beim ersten Aufruf ersetzt. Spätere Aufrufe nutzen Reacts DOM diffing Algorithmus für effiziente Updates. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
> `ReactDOM.render()` kontrolliert den Inhalt des Container Knoten den du übergeben hast. Jedes darin existierende DOM Element wird beim ersten Aufruf ersetzt. Spätere Aufrufe nutzen Reacts DOM diffing Algorithmus für effiziente Updates. | |
> `ReactDOM.render()` kontrolliert den Inhalt des Container-Knoten den du übergeben hast. Jedes darin existierende DOM Element wird beim ersten Aufruf ersetzt. Spätere Aufrufe nutzen Reacts DOM Differenzierungs-Algorithmus für effiziente Updates. |
> | ||
> `ReactDOM.render()` does not modify the container node (only modifies the children of the container). It may be possible to insert a component to an existing DOM node without overwriting the existing children. | ||
> `ReactDOM.render()` verändert nicht den Container Knoten (es werden nur die untergeordneten Container Elemente modifiziert). Es kann möglich sein eine Komponente in einen existierenden DOM Knoten einzufügen ohne die bereits existierenden untergeordneten Elemente zu überschreiben. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
> `ReactDOM.render()` verändert nicht den Container Knoten (es werden nur die untergeordneten Container Elemente modifiziert). Es kann möglich sein eine Komponente in einen existierenden DOM Knoten einzufügen ohne die bereits existierenden untergeordneten Elemente zu überschreiben. | |
> `ReactDOM.render()` verändert nicht den Container-Knoten (es werden nur die untergeordneten Container Elemente modifiziert). Es kann möglich sein, eine Komponente in einen existierenden DOM Knoten einzufügen ohne die bereits existierenden untergeordneten Elemente zu überschreiben. |
@@ -80,28 +80,29 @@ Remember to be mindful of user experience on slow connections. The JavaScript co | |||
ReactDOM.unmountComponentAtNode(container) | |||
``` | |||
|
|||
Remove a mounted React component from the DOM and clean up its event handlers and state. If no component was mounted in the container, calling this function does nothing. Returns `true` if a component was unmounted and `false` if there was no component to unmount. | |||
Entfernt eine React Komponente die gemounted wurde von dem DOM und entfernt ihren State, sowie Event Handler. Wenn keine Komponente im Container gemounted ist, tut der Aufruf dieser Funktion nichts. Gibt `true` zurück, wenn eine Komponente erfolgreich unmounted wurde, andernfalls `false`. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Entfernt eine React Komponente die gemounted wurde von dem DOM und entfernt ihren State, sowie Event Handler. Wenn keine Komponente im Container gemounted ist, tut der Aufruf dieser Funktion nichts. Gibt `true` zurück, wenn eine Komponente erfolgreich unmounted wurde, andernfalls `false`. | |
Entfernt eine React Komponente die gemounted wurde von dem DOM und entfernt ihren State, sowie Event-Handler. Wenn keine Komponente im Container gemounted ist, macht der Aufruf dieser Funktion nichts. Gibt `true` zurück, wenn eine Komponente erfolgreich geunmounted wurde, andernfalls `false`. |
> | ||
> `findDOMNode` is an escape hatch used to access the underlying DOM node. In most cases, use of this escape hatch is discouraged because it pierces the component abstraction. [It has been deprecated in `StrictMode`.](/docs/strict-mode.html#warning-about-deprecated-finddomnode-usage) | ||
> `findDOMNode` ist eine Notlösung die genutzt wird um auf den zugrunde liegenden DOM Knoten zuzugreifen. In den meisten Fällen wird von der Nutzung dieser Notlösung abgeraten, da es die Abstraktion durch Komponenten löchrig macht. [Die Nutzung ist im `StrictMode` veraltet.](/docs/strict-mode.html#warning-about-deprecated-finddomnode-usage) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
> `findDOMNode` ist eine Notlösung die genutzt wird um auf den zugrunde liegenden DOM Knoten zuzugreifen. In den meisten Fällen wird von der Nutzung dieser Notlösung abgeraten, da es die Abstraktion durch Komponenten löchrig macht. [Die Nutzung ist im `StrictMode` veraltet.](/docs/strict-mode.html#warning-about-deprecated-finddomnode-usage) | |
> `findDOMNode` ist eine Notlösung die genutzt wird um auf den zugrunde liegenden DOM-Knoten zuzugreifen. In den meisten Fällen wird von der Nutzung abgeraten, da es die Abstraktion durch Komponenten löchrig macht. [Die Nutzung ist im `StrictMode` veraltet.](/docs/strict-mode.html#warning-about-deprecated-finddomnode-usage) |
|
||
When a component renders to `null` or `false`, `findDOMNode` returns `null`. When a component renders to a string, `findDOMNode` returns a text DOM node containing that value. As of React 16, a component may return a fragment with multiple children, in which case `findDOMNode` will return the DOM node corresponding to the first non-empty child. | ||
Ist die übergebene Komponente im DOM gemounted, gibt sie das passende native Browser DOM Element zurück. Die Methode ist nützlich um Werte aus Formfelder im DOM auszulesen oder Messungen im DOM auszuführen. **In den meisten Fällen kannst du eine Ref an den DOM Knoten anhängen und die Nutzung von `findDOMNode` komplett vermeiden.** |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ist die übergebene Komponente im DOM gemounted, gibt sie das passende native Browser DOM Element zurück. Die Methode ist nützlich um Werte aus Formfelder im DOM auszulesen oder Messungen im DOM auszuführen. **In den meisten Fällen kannst du eine Ref an den DOM Knoten anhängen und die Nutzung von `findDOMNode` komplett vermeiden.** | |
Ist die übergebene Komponente im DOM gemounted, gibt sie das passende native Browser-DOM-Element zurück. Die Methode ist nützlich um Werte aus Formfelder im DOM auszulesen oder Messungen im DOM auszuführen. **In den meisten Fällen kannst du eine Referenz an den DOM-Knoten anhängen und die Nutzung von `findDOMNode` komplett vermeiden.** |
> | ||
> `findDOMNode` only works on mounted components (that is, components that have been placed in the DOM). If you try to call this on a component that has not been mounted yet (like calling `findDOMNode()` in `render()` on a component that has yet to be created) an exception will be thrown. | ||
> `findDOMNode` funktioniert nur bei gemounteten Komponenten (also Komponenten die in das DOM platziert wurden). Versuchst du einen Aufruf bei einer Komponente die noch nicht gemounted wurde (z.B. beim Aufruf von `findDOMNode()` in `render()` innerhalb einer Komponente die noch nicht erstellt wurde) wird eine Ausnahme geworfen. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
> `findDOMNode` funktioniert nur bei gemounteten Komponenten (also Komponenten die in das DOM platziert wurden). Versuchst du einen Aufruf bei einer Komponente die noch nicht gemounted wurde (z.B. beim Aufruf von `findDOMNode()` in `render()` innerhalb einer Komponente die noch nicht erstellt wurde) wird eine Ausnahme geworfen. | |
> `findDOMNode` funktioniert nur bei gemounteten Komponenten (Komponenten die in das DOM platziert wurden). Versuchst du einen Aufruf bei einer Komponente die noch nicht gemounted wurde (z.B. beim Aufruf von `findDOMNode()` in `render()` innerhalb einer Komponente die noch nicht erstellt wurde) wird eine Ausnahme geworfen. |
@@ -111,4 +112,4 @@ When a component renders to `null` or `false`, `findDOMNode` returns `null`. Whe | |||
ReactDOM.createPortal(child, container) | |||
``` | |||
|
|||
Creates a portal. Portals provide a way to [render children into a DOM node that exists outside the hierarchy of the DOM component](/docs/portals.html). | |||
Erstellt ein Portal. Portale sind ein Weg um [untergeordnete Elemente in einen DOM Knoten zu rendern die außerhalb der Hierarchie der DOM Komponente existieren](docs/portals.html). |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Erstellt ein Portal. Portale sind ein Weg um [untergeordnete Elemente in einen DOM Knoten zu rendern die außerhalb der Hierarchie der DOM Komponente existieren](docs/portals.html). | |
Erstellt ein Portal. Portale sind ein Weg um [untergeordnete Elemente in einen DOM-Knoten zu rendern der außerhalb der Hierarchie, der DOM-Komponente liegt](docs/portals.html). |
Hey @do-wa , how are you doing on your task? Thanks |
Hi @do-wa, Please accept or decline the suggestions. So we can merge your translation. |
@ph1p |
The easiest way, is to copy the translated file and create a new PR. |
Signed-off-by: ph1p <phil@capshake.com>
Closed by #127 |
Oh, no problem. We just have to make sure that not too many idle PRs are created and this one is more than half a year ago now. And don't let it stop you from doing more PRs in the future. Just keep an eye on them ;) We appreciate your work! Great job! Hope you can understand us . Have a nice week, too (: |
No description provided.