मैं एक प्रतिक्रिया ऐप पर काम कर रहा हूं जहां मैं राज्य प्रबंधन के लिए रेडक्स का उपयोग कर रहा हूं, मैं इसके लिए नया हूं और मुझे रेड्यूसर फ़ंक्शन के अंदर कई राज्य परिवर्तन संचालन करना है।

यहां मेरा रेड्यूसर फ़ंक्शन है:

case Actions.ON_SUBMIT_CLIENT: {
  return {
    ...state,
    clientList: [...state.clientList, action.client]
  }
}

मैं क्या करना चाहता हूं, clientList में एक आइटम जोड़ें जो मैं यहां कर रहा हूं और फिर 2 चर clientName और clientStatus को भी फिर से असाइन करें:

case Actions.ON_SUBMIT_CLIENT: {
  return {
    ...state,
    clientList: [...state.clientList, action.client],
    clientName: "",
    clientStatus: "",
    clientAccessGrants: []
  }
} 

मैं इसे रेड्यूसर फ़ंक्शन के अंदर कैसे प्राप्त कर सकता हूं? किसी भी तरह की सहायता की हम सराहना करेंगे।

यहाँ मेरा जीथब लिंक है: यहां

आप क्लाइंट रेड्यूसर में रेड्यूसर देख सकते हैं, फॉर्म/पॉपअपएक्शन में ON_SUBMIT एक्शन कॉल।

1
rudeTool 13 जुलाई 2021, 09:26

2 जवाब

क्लाइंटनाम और क्लाइंट स्टेटस को आप में जोड़ें रेड्यूसर की प्रारंभिक स्थिति भी पसंद करें

const initialState = {
  clientList: [],
  clientName: '',
  clientStatue: ''
}

export default function reducerName(state= initialState, action) {
  switch(action.type) {
    case ON_SUBMIT_CLIENT:
      return {
        ...state,
        clientList: [...state.clientList, action.client],
        clientName:"",
        clientStatus:"",
        clientAccessGrants:[]
      }
  }
}
0
Sebastian Richner 13 जुलाई 2021, 06:57

यदि क्लाइंटनाम और क्लाइंटस्टैटस क्लिंटलिस्ट से बाहर हैं तो आप इस कोड का उपयोग कर सकते हैं

case Actions.ON_SUBMIT_CLIENT: {
  return {
    ...state,
    clientList: [...state.clientList, action.client],
    clientName: [...state.clientName, action.clientName],
    clientStatus: [...state.clientStatus, action.clientStatus],
    clientAccessGrants: [...state.clientAccessGrants, action.clientAccessGrants]
  }
} 

लेकिन यदि नहीं तो आप इस कोड का उपयोग कर सकते हैं

case Actions.ON_SUBMIT_CLIENT:{
state.clientList.clinetName=action.client.clientName
state.clientList. clientStatus =action.client. clientStatus
          return {
            ...state,
            clientList: [...state.clientList, action.client]
          }
        }
0
Sebastian Richner 13 जुलाई 2021, 07:00