Skip to content

Commit 9cc02cd

Browse files
committed
update: remove en texts
1 parent 7e39c1b commit 9cc02cd

File tree

1 file changed

+4
-14
lines changed

1 file changed

+4
-14
lines changed

src/content/reference/react-dom/render.md

Lines changed: 4 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -6,13 +6,13 @@ title: render
66

77
Bu API, React'in gelecekteki bir ana sürümünde kaldırılacaktır.
88

9-
React 18'de `render` [`createRoot`.](/reference/react-dom/client/createRoot) ile değiştirildi. React 18'de `render` kullanmak, uygulamanızın React 17 gibi davranacağı uyarısını verecektir. Daha fazla bilgi için [buraya](/blog/2022/03/08/react-18-upgrade-guide#updates-to-client-rendering-apis) bakın.
9+
React 18'de `render`, [`createRoot`.](/reference/react-dom/client/createRoot) ile değiştirildi. React 18'de `render` kullanmak, uygulamanızın React 17 gibi davranacağı uyarısını verecektir. Daha fazla bilgi için [buraya](/blog/2022/03/08/react-18-upgrade-guide#updates-to-client-rendering-apis) bakın.
1010

1111
</Deprecated>
1212

1313
<Intro>
1414

15-
`render` bir [JSX](/learn/writing-markup-with-jsx) ("React düğümü") parçasını tarayıcı DOM düğümüne işler.
15+
`render` bir [JSX](/learn/writing-markup-with-jsx) ("React düğümü") parçasını tarayıcı DOM düğümüne render eder.
1616

1717
```js
1818
render(reactNode, domNode, callback?)
@@ -28,7 +28,7 @@ render(reactNode, domNode, callback?)
2828
2929
### `render(reactNode, domNode, callback?)` {/*render*/}
3030
31-
Bir React bileşenini tarayıcı DOM düğümüne işlemek için `render`'ı çağırın.
31+
Bir tarayıcı DOM düğümünün içinde, bir React bileşeni görüntülemek için `render`'ı çağırın.
3232
3333
```js
3434
import { render } from 'react-dom';
@@ -37,8 +37,6 @@ const domNode = document.getElementById('root');
3737
render(<App />, domNode);
3838
```
3939
40-
React will display `<App />` in the `domNode`, and take over managing the DOM inside it.
41-
4240
React `<App />`'i `domNode` içinde görüntüleyecek ve içindeki DOM'u yönetmeye başlayacaktır.
4341
4442
Tamamen React ile oluşturulmuş bir uygulama genellikle kök(root) bileşeni ile yalnızca bir `render` çağrısına sahip olacaktır. Sayfanın bazı bölümleri için React "sprinkles" kullanan bir sayfada, gerektiği kadar çok `render` çağrısına sahip olabilir.
@@ -47,18 +45,14 @@ Tamamen React ile oluşturulmuş bir uygulama genellikle kök(root) bileşeni il
4745
4846
#### Parametreler {/*parameters*/}
4947
50-
* `reactNode`: A *React node* that you want to display. This will usually be a piece of JSX like `<App />`, but you can also pass a React element constructed with [`createElement()`](/reference/react/createElement), a string, a number, `null`, or `undefined`.
51-
5248
* `reactNode`: Görüntülemek istediğiniz *React düğümü*. Bu genellikle `<App />` gibi bir JSX parçası olacaktır, ancak [`createElement()`](/reference/react/createElement) ile oluşturulmuş bir React elemanına, bir dize, bir sayı, `null` veya `undefined` da geçirebilirsiniz.
5349
54-
* `domNode`: [DOM elemanı.](https://developer.mozilla.org/en-US/docs/Web/API/Element) React, geçtiğiniz `reactNode`'u bu DOM elemanının içinde görüntüleyecektir. Bu andan itibaren, React `domNode` içindeki DOM'u yönetecek ve React ağacınız değiştiğinde güncelleyecektir.
50+
* `domNode`: [DOM elemanı.](https://developer.mozilla.org/en-US/docs/Web/API/Element) React, geçtiğiniz `reactNode`'u bu DOM elemanının içinde görüntüleyecektir. Bu andan itibaren, React `domNode` içindeki DOM'u yönetecek ve React ağacınız (React tree) değiştiğinde güncelleyecektir.
5551
5652
* **optional** `callback`: Fonksiyon. Geçilirse, React bileşeniniz DOM'a yerleştirildikten sonra onu çağıracaktır.
5753
5854
#### Dönüş değerleri {/*returns*/}
5955
60-
`render` usually returns `null`. However, if the `reactNode` you pass is a *class component*, then it will return an instance of that component.
61-
6256
`render` genellikle `null` döndürür. Ancak, geçtiğiniz `reactNode` bir *sınıf bileşeni* ise, o zaman bileşenin bir örneğini döndürecektir.
6357
6458
#### Dikkat edilmesi gerekenler {/*caveats*/}
@@ -86,8 +80,6 @@ render(<App />, document.getElementById('root'));
8680
8781
### Kök bileşeni render etmek {/*rendering-the-root-component*/}
8882
89-
In apps fully built with React, **you will usually only do this once at startup**--to render the "root" component.
90-
9183
Tamamen React ile oluşturulmuş uygulamalarda, **genellikle bunu yalnızca başlangıçta bir kez yapacaksınız** - "kök" bileşenini render etmek için.
9284
9385
<Sandpack>
@@ -190,8 +182,6 @@ nav ul li { display: inline-block; margin-right: 20px; }
190182
191183
### Render edilmiş ağaçları güncelleme {/*updating-the-rendered-tree*/}
192184
193-
You can call `render` more than once on the same DOM node. As long as the component tree structure matches up with what was previously rendered, React will [preserve the state.](/learn/preserving-and-resetting-state) Notice how you can type in the input, which means that the updates from repeated `render` calls every second are not destructive:
194-
195185
Aynı DOM düğümü üzerinde `render`'ı birden fazla kez çağırabilirsiniz. Bileşen ağacı yapısı önceki render edilmiş olanla eşleştiği sürece, React [durumu koruyacaktır.](/learn/preserving-and-resetting-state) Tekrarlanan `render` çağrılarından her saniye gelen güncellemelerin yıkıcı olmadığını gösteren girişe yazı yazabileceğinize dikkat edin:
196186

197187
<Sandpack>

0 commit comments

Comments
 (0)