প্রতিক্রিয়াতে, রাষ্ট্রটি তাত্ক্ষণিকভাবে আপডেট করা হয় না, তাই আমরা কলব্যাক ইন ব্যবহার করতে পারি setState(state, callback)। তবে রেডাক্সে এটি কীভাবে করবেন?
কল করার পরে this.props.dispatch(updateState(key, value)), আমার সাথে সাথে আপডেট হওয়া রাষ্ট্রের সাথে কিছু করা উচিত with
আমি প্রতিক্রিয়াতে যা করি তার মতো সর্বশেষ রাষ্ট্রের সাথে কলব্যাক কল করার কোনও উপায় আছে কি?
dispatch()একটি সিঙ্ক্রোনাস ক্রিয়াকলাপ। আপডেট হওয়া স্টেটটি পরবর্তী লাইনে পাওয়া উচিত।
thunk।
উত্তর:
উপাদানগুলি নতুন প্রপসগুলি পেতে আপডেট করা উচিত।
আপনার লক্ষ্য অর্জনের উপায় আছে:
1. উপাদানপরিবর্তনযোগ্য মান পরীক্ষা করা আছে কিনা তা পরীক্ষা করুন, তারপরে কিছু করুন ..
componentDidUpdate(prevProps){
if(prevProps.value !== this.props.value){ alert(prevProps.value) }
}
২.ডুডেক্স-প্রতিশ্রুতি (মিডলওয়্যার প্রতিশ্রুতির সমাধান হওয়া মূল্য প্রেরণ করবে)
export const updateState = (key, value)=>
Promise.resolve({
type:'UPDATE_STATE',
key, value
})
তারপর উপাদান
this.props.dispatch(updateState(key, value)).then(()=>{
alert(this.props.value)
})
২.ডুডেক্স-থাঙ্ক
export const updateState = (key, value) => dispatch => {
dispatch({
type: 'UPDATE_STATE',
key,
value,
});
return Promise.resolve();
};
তারপর উপাদান
this.props.dispatch(updateState(key, value)).then(()=>{
alert(this.props.value)
})
redux-thunkউদাহরণে, আপনি dispatchএটি সিঙ্ক্রোনাস হিসাবে ব্যবহার করুন । এটাই কি?
dispatchসিঙ্ক্রোনাস নয়। ছাড়া Promise.resolve(), this.props.valueএখনও পুরানো মান ফিরে আসবে। কিছু ধরণের অ্যাসিনকি ডিফারাল এখনও প্রয়োজন ( setTimeoutউদাহরণস্বরূপ একটি এর মধ্যে থেকে রেফারেন্সিংও কাজ করবে)।
TypeError: _this.props.dispatch is not a function?
প্রতিক্রিয়া সম্পর্কে সর্বাধিক গুরুত্বপূর্ণ বিষয় হচ্ছে একমুখী ডেটা প্রবাহ। আপনার উদাহরণে এর অর্থ হ'ল, কোনও পদক্ষেপ প্রেরণ এবং রাষ্ট্রীয় পরিবর্তন হ্যান্ডলিংটি ডিউপল করা উচিত।
"আমি করেছি A, এখন Xহয়ে যায় Yএবং আমি এটি পরিচালনা করি" এর মতো আপনার ভাবা উচিত নয় , তবে কোনও সম্পর্ক ছাড়াই " আমি Xহয়ে গেলে আমি কী করব Y" A। স্টোর স্টেটটি একাধিক উত্স থেকে আপডেট করা যেতে পারে, আপনার উপাদান ছাড়াও, টাইম ট্র্যাভেলও রাষ্ট্র পরিবর্তন করতে পারে এবং এটি আপনার Aপ্রেরণের পয়েন্টের মধ্য দিয়ে যাবে না ।
মূলত এর অর্থ componentWillReceivePropsহ'ল @ ইউট্রোর প্রস্তাব অনুসারে আপনার ব্যবহার করা উচিত
componentWillReceivePropsঅবহেলিত আমরা এখন কী করব ? static getDerivedStateFromProps()এটি কোনও কলব্যাক কল করতে পারে না বলে উপযুক্ত প্রতিস্থাপন বলে মনে হচ্ছে না, যতদূর আমি বলতে পারি
হুকস এপিআই সহ:
useEffect ইনপুট হিসাবে প্রপ সঙ্গে।
import React, { useEffect} from 'react'
import { useSelector } from 'react-redux'
export default function ValueComponent() {
const value = useSelector(store => store.pathTo.value)
useEffect(() => {
console.log('New value', value)
return () => {
console.log('Prev value', value)
}
}, [value])
return <div> {value} </div>
}
আপনি subscribeশ্রোতাদের ব্যবহার করতে পারেন এবং কোনও ক্রিয়া প্রেরণ করা হলে এটি ডাকা হবে। শ্রোতার অভ্যন্তরে আপনি সর্বশেষ স্টোরের ডেটা পাবেন।
http://redux.js.org/docs/api/Store.html# সাবস্ক্রাইবলিস্টেনার
subscribeকোনও অ্যাকশন প্রেরণ করা হলে কেবল গুলি চালায়। subscribeআপনার এপিআই কল কোনও ডেটা ফিরিয়ে দিয়েছে কিনা এমন কোনও উপায় আপনাকে জানাতে পারে না .. আমার মনে হয়! : ডি
একটি সহজ সমাধান হিসাবে আপনি ব্যবহার করতে পারেন: রিডেক্স-প্রতিশ্রুতি
তবে আপনি যদি রিডেক্স-থাঙ্ক ব্যবহার করেন তবে আপনার এইরকম স্ট্যান্ড করা উচিত:
function addCost(data) {
return dispatch => {
var promise1 = new Promise(function(resolve, reject) {
dispatch(something);
});
return promise1;
}
}
thunk?