Skip to content

Commit d3d8edc

Browse files
committed
translate useRef hook
1 parent b578ea7 commit d3d8edc

File tree

1 file changed

+7
-7
lines changed

1 file changed

+7
-7
lines changed

src/content/reference/react/useRef.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ title: useRef
44

55
<Intro>
66

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.
88

99
```js
1010
const ref = useRef(initialValue)
@@ -36,9 +36,9 @@ function MyComponent() {
3636
#### Parametreler {/*parameters*/}
3737
3838
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.
4040
41-
#### Döndürür {/*returns*/}
41+
#### Geri Dönüş Değeri {/*returns*/}
4242
4343
`useRef`, tek bir özelliğe sahip bir nesne döndürür:
4444
@@ -51,7 +51,7 @@ Sonraki render işlemlerinde, `useRef` aynı nesneyi döndürecektir.
5151
* `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.
5252
* `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.
5353
* 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
5555
5656
---
5757
@@ -70,7 +70,7 @@ function Stopwatch() {
7070
7171
`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.
7272
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.
7474
7575
**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:
7676
@@ -267,7 +267,7 @@ Eleman ekrandan kaldırıldığında, React `current` özelliğini `null` olarak
267267
268268
[Ref'lerle DOM'u manipüle etme](/learn/manipulating-the-dom-with-refs) hakkında daha fazla bilgi edinin.
269269
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">
271271
272272
#### Input'a odaklanma {/*focusing-a-text-input*/}
273273
@@ -510,7 +510,7 @@ function Video() {
510510
// ...
511511
```
512512
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ü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.
514514
515515
<DeepDive>
516516

0 commit comments

Comments
 (0)