createContext
- React Native kursu
- Orta seviye
- Ders 14/116
- 5 dk
createContext ile context oluşturmayı öğrenirsin.
createContext nedir?
createContext yeni bir context nesnesi oluşturan fonksiyondur. const ThemeContext = createContext(defaultValue) yazdığında bir context döner; bu nesne Provider özelliğine sahiptir. Varsayılan değer, Provider bulunamadığında kullanılır.
İçe aktarmak için import { createContext } from "react" yazarsın. Genelde context ayrı bir dosyada tanımlanır; böylece hem sağlayan hem tüketen bileşenler aynı kaynaktan içe aktarır. Context adı büyük harfle başlar (örnek ThemeContext); bu, bileşen adı ile karışmamasını sağlar. createContext'in döndürdüğü nesne sabittir; her render'da aynı kalır.
Varsayılan değer
createContext'e verilen ilk argüman varsayılan değer'dir. createContext("light") yazdığında, eğer bileşen herhangi bir Provider içinde değilse useContext bu değeri döner.
Varsayılan değer çoğunlukla null veya undefined bırakılır; bu sayede Provider'ı unutan geliştirici hemen fark eder. Bazı durumlarda gerçek bir değer verilir: örneğin "light" teması veya "tr" dili gibi. Bu değer yalnızca Provider yokken kullanılır; Provider varsa onun değeri önceliklidir.
Uygulama createContext'i çağır
LocaleContext adında bir context oluştur. createContext ile varsayılan değer "tr" ver. Sonra console.log(LocaleContext) ile yaz.
Başlangıç kodu
// createContext'i içe aktar
// LocaleContext'i createContext ile oluştur; varsayılan "tr"
// LocaleContext'i yazdırÖrnek çözüm
import { createContext } from "react";
const LocaleContext = createContext("tr");
console.log(LocaleContext);Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Context oluştur
const ThemeContext = ____("light");const ThemeContext = createContext("light");Açıklama: createContext çağrısı ile context oluşur.
2 createContext ne döndürür?
const ThemeContext = createContext("light");- Bir bileşen
- Provider içeren bir nesne Doğru cevap
- Bir dizi
- Bir sayı
Açıklama: createContext Provider içeren bir nesne döner.
3 Parçayı rolüne eşle
| Kavram | Anlamı |
|---|---|
createContext |
Context oluşturur |
Provider |
Değeri sağlar |
default |
Provider yoksa kullanılır |
useContext |
Değeri okur |