Skip to content

Commit 0f8f68c

Browse files
committed
Fragment
1 parent dc781b0 commit 0f8f68c

File tree

1 file changed

+4
-21
lines changed

1 file changed

+4
-21
lines changed

src/content/reference/react/Fragment.md

Lines changed: 4 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -6,11 +6,7 @@ title: <Fragment> (<>...</>)
66

77
`<Fragment>`, genellikle `<>...</>` sözdizimiyle kullanılır, öğeleri sarmalayıcı bir düğüm olmadan gruplamanı sağlar.
88

9-
<<<<<<< HEAD
10-
<Experimental> Fragment'ler ayrıca ref'leri de kabul edebilir, bu da sarmalayıcı öğe eklemeden alt DOM düğümleriyle etkileşimde bulunmanı sağlar. Aşağıda referans ve kullanım örneklerini görebilirsin.</Experimental>
11-
=======
12-
<Canary> Fragments can also accept refs, which enable interacting with underlying DOM nodes without adding wrapper elements. See reference and usage below.</Canary>
13-
>>>>>>> 0d05d9b6ef0f115ec0b96a2726ab0699a9ebafe1
9+
<Canary> Fragment'ler ayrıca ref'leri de kabul edebilir, bu da sarmalayıcı öğe eklemeden alt DOM düğümleriyle etkileşimde bulunmanı sağlar. Aşağıda referans ve kullanım örneklerini görebilirsin. <Canary>
1410

1511
```js
1612
<>
@@ -33,13 +29,8 @@ Tek bir elemana ihtiyaç duyduğunuz durumlarda, elemanları `<Fragment>` içine
3329

3430
#### Prop'lar {/*props*/}
3531

36-
<<<<<<< HEAD
3732
- **optional** `key`: Açık `<Fragment>` sözdizimi ile tanımlanan Fragment'ler [key] alabilir. (/learn/rendering-lists#keeping-list-items-in-order-with-key)
38-
- <ExperimentalBadge /> **optional** `ref`: Bir ref objesi (ör. [`useRef`](/reference/react/useRef) kullanılarak) veya [callback function](/reference/react-dom/components/common#ref-callback). React, Fragment tarafından sarılan DOM düğümleriyle etkileşim için yöntemler sunan bir `FragmentInstance` sağlar.
39-
=======
40-
- **optional** `key`: Fragments declared with the explicit `<Fragment>` syntax may have [keys.](/learn/rendering-lists#keeping-list-items-in-order-with-key)
41-
- <CanaryBadge /> **optional** `ref`: A ref object (e.g. from [`useRef`](/reference/react/useRef)) or [callback function](/reference/react-dom/components/common#ref-callback). React provides a `FragmentInstance` as the ref value that implements methods for interacting with the DOM nodes wrapped by the Fragment.
42-
>>>>>>> 0d05d9b6ef0f115ec0b96a2726ab0699a9ebafe1
33+
- <CanaryBadge /> **optional** `ref`: Bir ref objesi (örneğin [`useRef`](/reference/react/useRef) ile oluşturulmuş) veya [callback function](/reference/react-dom/components/common#ref-callback). React, Fragment tarafından sarılan DOM düğümleriyle etkileşim kurmak için yöntemler içeren bir `FragmentInstance`'ı ref değeri olarak sağlar.
4334

4435
### <CanaryBadge /> FragmentInstance {/*fragmentinstance*/}
4536

@@ -253,11 +244,7 @@ function PostBody({ body }) {
253244
254245
---
255246
256-
<<<<<<< HEAD
257-
### <ExperimentalBadge /> Fragment ref'lerini DOM etkileşimi için kullanma {/*using-fragment-refs-for-dom-interaction*/}
258-
=======
259-
### <CanaryBadge /> Using Fragment refs for DOM interaction {/*using-fragment-refs-for-dom-interaction*/}
260-
>>>>>>> 0d05d9b6ef0f115ec0b96a2726ab0699a9ebafe1
247+
### <CanaryBadge /> Fragment ref'lerini DOM etkileşimi için kullanma {/*using-fragment-refs-for-dom-interaction*/}
261248
262249
Fragment ref'leri, ekstra sarmalayıcı öğe eklemeden Fragment tarafından sarılan DOM düğümleriyle etkileşimde bulunmanı sağlar. Bu, olay yönetimi, görünürlük takibi, odak yönetimi ve `ReactDOM.findDOMNode()` gibi kullanım dışı kalmış desenlerin yerine geçmek için faydalıdır.
263250
@@ -277,11 +264,7 @@ function ClickableFragment({ children, onClick }) {
277264
```
278265
---
279266
280-
<<<<<<< HEAD
281-
### <ExperimentalBadge /> Fragment ref'leri ile görünürlüğü izleme {/*tracking-visibility-with-fragment-refs*/}
282-
=======
283-
### <CanaryBadge /> Tracking visibility with Fragment refs {/*tracking-visibility-with-fragment-refs*/}
284-
>>>>>>> 0d05d9b6ef0f115ec0b96a2726ab0699a9ebafe1
267+
### <CanaryBadge /> Fragment ref'leri ile görünürlüğü izleme {/*tracking-visibility-with-fragment-refs*/}
285268
286269
Fragment ref'leri, görünürlük takibi ve intersection gözlemi için faydalıdır. Bu sayede, alt Component'ların ref açığa çıkarmasına gerek kalmadan içeriğin ne zaman görünür hale geldiğini izleyebilirsin:
287270

0 commit comments

Comments
 (0)