createContext

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.

Örnek çözümü göster

import { createContext } from "react";

const LocaleContext = createContext("tr");
console.log(LocaleContext);

Kendini test et

Context oluştur

const ThemeContext = ____("light");

Cevabı göster

const ThemeContext = createContext("light");

createContext ne döndürür?
```
const ThemeContext = createContext("light");
```
- Bir bileşen
- Provider içeren bir nesne
- Bir dizi
- Bir sayı
Cevabı göster

Provider içeren bir nesne — createContext Provider içeren bir nesne döner.
Parçayı rolüne eşle

createContext

Context oluşturur
Provider

Değeri sağlar
default

Provider yoksa kullanılır
useContext

Değeri okur

Sıradaki ders: Provider

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler