You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/content/reference/react/useRef.md
+7-7Lines changed: 7 additions & 7 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,7 +4,7 @@ title: useRef
4
4
5
5
<Intro>
6
6
7
-
`useRef` render için gerekli olmayan bir değere başvurmanıza izin veren bir React Hook'tur.
7
+
`useRef` render işlemi için gerekli olmayan bir değeri referans almanıza izin veren bir React Hook'tur.
8
8
9
9
```js
10
10
constref=useRef(initialValue)
@@ -36,9 +36,9 @@ function MyComponent() {
36
36
#### Parametreler {/*parameters*/}
37
37
38
38
39
-
* `initialValue`: Ref nesnesinin `current` özelliğinin başlangıçta ne olmasını istediğiniz değer. Herhangi türde bir değer olabilir. Bu argüman, ilk render işleminden sonra göz ardı edilir.
39
+
* `initialValue`: Ref nesnesinin `current` özelliğinin başlangıçta olmasını istediğiniz değer. Herhangi türde bir değer olabilir. Bu argüman, ilk render işleminden sonra göz ardı edilir.
40
40
41
-
#### Döndürür {/*returns*/}
41
+
#### Geri Dönüş Değeri {/*returns*/}
42
42
43
43
`useRef`, tek bir özelliğe sahip bir nesne döndürür:
44
44
@@ -51,7 +51,7 @@ Sonraki render işlemlerinde, `useRef` aynı nesneyi döndürecektir.
51
51
* `ref.current` özelliğini değiştirebilirsiniz. State'in aksine, bu değiştirilebilirdir. Ancak, render için kullanılan bir nesne tutuyorsa (örneğin, State'inizin bir parçası), o nesneyi değiştirmemelisiniz.
52
52
* `ref.current` özelliğini değiştirdiğinizde, React bileşeninizi yeniden render etmez. Ref, düz JavaScript bir nesne olduğundan, ne zaman değiştirdiğinizi React fark etmez.
53
53
* Bileşeninizin davranışını öngörülemez hale getireceğinden render işlemi sırasında, `ref.current`'e yazmayın veya okumayın. Ancak [başlangıçta](#avoiding-recreating-the-ref-contents) yapabilirsiniz.
54
-
* Strict Mode'da, React [istenmeyen yan etkileri bulmanıza yardımcı olmak için](#my-initializer-or-updater-function-runs-twice) **bileşeninizi iki kez çağıracaktır.** Bu sadece geliştirme ortamı için geçerli bir davranıştır ve canlı ortamı etkilemez. Her bir ref nesnesi iki kez oluşturulacak, ancak bunlardan biri atılacaktır. Eğer bileşen fonksiyonunuz saf ise (olması gerektiği gibi), bu davranışı etkilememelidir.
54
+
* Strict Mode'da, React [istenmeyen yan etkileri bulmanıza yardımcı olmak için](#my-initializer-or-updater-function-runs-twice) **bileşeninizi iki kez çağıracaktır.** Bu sadece geliştirme ortamı için geçerli bir davranıştır ve canlı ortamı etkilemez. Her bir ref nesnesi iki kez oluşturulacak, ancak bunlardan biri atılacaktır. Eğer bileşen fonksiyonunuz saf ise (olması gerektiği gibi), bu, davranışı etkilememelidir
55
55
56
56
---
57
57
@@ -70,7 +70,7 @@ function Stopwatch() {
70
70
71
71
`useRef` başlangıçta verdiğiniz <CodeStep step={3}>başlangıç değeri</CodeStep> tanımlanmış bir şekilde sadece <CodeStep step={2}>`current`</CodeStep> özelliğine sahip bir <CodeStep step={1}>ref nesnesi</CodeStep> döndürür.
72
72
73
-
Bir sonraki render işlemlerinde, `useRef` aynı nesneyi döndürecektir. `current` özelliğini değiştirerek bilgi saklayabilir ve daha sonra okuyabilirsiniz. Bu size [state](/reference/react/useState) özelliğini hatırlatabilir, ancak önemli bir fark var.
73
+
Sonraki render işlemlerinde, `useRef` aynı nesneyi döndürecektir. `current` özelliğini değiştirerek bilgi saklayabilir ve daha sonra okuyabilirsiniz. Bu size [state](/reference/react/useState) özelliğini hatırlatabilir, ancak önemli bir fark var.
74
74
75
75
**Bir ref'i değiştirmek yeniden render işlemine neden olmaz.** Bu, ref'lerin bileşeninizin görsel çıktısını etkilemeyen bilgileri saklamak için mükemmel olduğu anlamına gelir. Örneğin, bir [interval ID](https://developer.mozilla.org/en-US/docs/Web/API/setInterval) saklamak ve daha sonra geri almak istiyorsanız, bunu bir ref içine koyabilirsiniz. Ref içindeki değeri güncellemek için, <CodeStep step={2}>`current` özelliğini</CodeStep> manuel olarak değiştirmeniz gerekir:
76
76
@@ -267,7 +267,7 @@ Eleman ekrandan kaldırıldığında, React `current` özelliğini `null` olarak
267
267
268
268
[Ref'lerle DOM'u manipüle etme](/learn/manipulating-the-dom-with-refs) hakkında daha fazla bilgi edinin.
269
269
270
-
<Recipes titleText="useRef ile DOM'u manipüle etme örnekleri" titleId="examples-dom">
270
+
<Recipes titleText="useRef ile DOM'u manipüle etme örnekleri" titleId="examples-dom">
Normalde, render sırasında `ref.current` yazmaya veya okumaya izin verilmez. Ancak bu senaryoda sorun yoktur çünkü sonuç her zaman aynıdır ve koşul sadece başlatma sırasında çalışır, bu nedenle tamamen öngörülebilir.
513
+
Normalde, render sırasında `ref.current` yazmaya veya okumaya izin verilmez. Ancak bu senaryoda sorun yoktur çünkü sonuç her zaman aynıdır ve koşul sadece başlatma sırasında çalışır, bu nedenle tamamen öngörülebilirdir.
0 commit comments