08.04. Action - Erdinç Uzun

Action’lar içinde “type” isimli bir string değişkeni tutan bir Javascript nesnesidir. dispatch(action) fonksiyonu ile store içine aktarılır.

Öncelikle projemizin kök klasörüne actions, reducers ve components adında üç klasör oluşturalım. actions klasörüne types.js adında action type’larının isimlerini tutacağımız bir dosya yaratalım ve aşağıdaki kodu ekleyelim.

export const YER_EKLE = 'YER_EKLE'

1	export const YER_EKLE = 'YER_EKLE'

Action type, reducer’ın işlem tipidir. action type’a bağlı olarak, reducer çalışacak ve state durumunu değiştirecektir. Bu yüzden mevcut durumun bir kopyasını yaratıp geriye yeni bir durum döndüreceğiz. Şimdi, action klasörü içinde type bilgisini içeren ve yer bilgisini alıp döndüren place.js adında bir dosya oluşturalım.

import { YER_EKLE } from './types';

export const ekleYer = yerAdi => {
  return {
    type: YER_EKLE,
    payload: yerAdi
  }
}

import { YER_EKLE } from './types';

export const ekleYer = yerAdi => {

return {

type: YER_EKLE,

payload: yerAdi

}

ekleYer fonksiyonu bir yerAdi alır ve type-baska değişkenleri (burada type, payload) döndürür. type ismi types.js dosyasından alınır. Bu aşamada, reducer fonksiyonu devreye girer.