Redux-da Ikinji Slaysyň Goşulmagy

Öňki sapaklarda biz önümler üçin products slaysy bilen gür işledik. Hakyky Redux programasynda state-de dürli maksatlar üçin köp slayslar bolup biler. Şonuň üçin bu sapakda biz state-e önümleri aslynda programamyza goşjak satyjylar üçin ýene bir slaysy goşarys.

Önümler bilen programamyzy açalyň we ilki etjek zadymyz, parts bukjasynyň içinde ýene bir bukja sellers döretmek, bu ýerde biz satyjylara degişli bolan ähli kod we komponentleri ýerleşdireris.

Indi, önümlerdeki ýaly, satyjylar üçin slays döreteliň. Başlangyçda sellers bukjasynyň içinde sellersSlice.js faýlyny döretmeli we oňa createSlice import etmeli:

import { createSlice } from '@reduxjs/toolkit'

Standart ädimleri etmegi dowam etdirýäris. Slays üçin başlangyç bahasy hökmünde dört satyjy döreteliň. Ýönekeýlik üçin olaryň iki meýdany bolsun - id we name:

const initialState = [
	{ id: '0', name: 'Super Power' },
	{ id: '1', name: 'Miracle Life' },
	{ id: '2', name: 'Dolls&Toys' },
	{ id: '3', name: 'Granny' },
]

Aşakda createSlice kömegi bilen slaysy sellers döretmeli, oňa başlangyç bahasyny bereliň. Biz satyjylary goşmajakdyrys we ýa-da olaryň maglumatlaryny soňra täzelemek däldigiňiz üçin, reducerler meýdanymyz häzir boş galdyralyň:

const sellersSlice = createSlice({
	name: 'sellers',
	initialState,
	reducers: {},
})

Faýlyň ahyrky bölüminde alynany reduceri export etmegi ýatdan çykarmaly:

export default sellersSlice.reducer

Indi biz app bukjasynyň içindäki store.js faýlyny açmaly we alynan reduceri import etmeli:

import sellersReducer from '../parts/sellers/sellersSlice'

We soňra configureStore-de sellers üçin reducer hökmünde bellenmeli:

export default configureStore({
	reducer: {
		products: productsReducer,
		sellers: sellersReducer,
	},
})

Talyplyr programamyzy açyň. Ýene bir bukja teachers dörediň, bu ýerde siziň okuwçylaryňyz bilen baglanyşykly faýllar bolsun. Oňa bir faýl dörediň teachersSlice.js. Sapagyň materiallaryndan peýdalanyp, teachers slaysyny onuň içinde dörediň createSlice kömegi bilen.

Her bir okuwçy maglumaty bilen obýektiňizde üç aýratynlyk bolsun: id, name (familya we baş harp, mysal üçin 'Petrov A.W.') we subut (ýönekeý, ýagny - fizika, matematika, biologiýa we ş.m.). Slays üçin başlangyç bahasy hökmünde 3 şeýle okuwçy bilen obýekti düzüň.

Alynan reducer teachersReducer-ny store.js-e import ediň we onuň üçin reducer hökmünde belli ediň teachers üçin, sapakda görkezilişi ýaly.