جافاسكريبت - ضع دالة تُرجع وعودًا في حالة ريدكس
سأشرح لاحقًا لماذا أريد القيام بذلك. هنا المشكلة. لدي دالة تُرجع وعدًا كما يلي:
const testFunc = () => { return new Promise((resolve, reject) => { setTimeout(() => { if (Math.random() > 0.5) { resolve('succeeded'); } else { reject('failed'); } }, اقرأ أكثر →جافاسكريبت - أخطاء Redux NODE_ENV مع Gulp/Browserify
أتلقى رسالة خطأ هذه على تطبيق React/Redux الذي تم تصغيره وتجميعه باستخدام Browserify و Gulp وتم نشره على Heroku.
لكن يبدو أن خطوة البناء تتم في NODE_ENV='production'.
لدي مهمة تضبط متغيرات البيئة هكذا
gulp.task('apply-prod-environment', function() { return process.env.NODE_E اقرأ أكثر →جافاسكريبت - ربط إجراءات Redux
أنا جديد على React و Redux و JS بشكل عام. أريد أن أعرف كيف يمكنني إرسال إجراء بعد انتهاء الآخر - الوعود بطريقة صحيحة. الكود الخاص بي يعمل في الواقع ولكنه يواصل إظهار خطأ:
readingActions.js?14b9:56 Uncaught (in promise) TypeError: dispatch(...).then is not a function(…)هذا هو إعدادي.
هذا هو منشئ الإجراء الخاص بي، ما أريده هو إجراء متسلسل وأين يحدث التحذير.
export function createReading(reading) { return function (dispatch) { disp اقرأ أكثر →
جافاسكريبت - React Redux - الوصول إلى المخزن الموجود في دالة مساعدة
أحاول الحصول على نسخة المتجر (حالة المتجر) خارج مكون React، وتحديدًا في دالة مساعد منفصلة. لدي المخفض الخاص بي، والإجراء الخاص بي، وقد أنشأت متجرًا في أعلى مكون.
// configStore.js import { createStore } from 'redux'; import generalReducers from '../reducers/generalReducers';
اقرأ أكثر →جافاسكريبت - Redux Thunk إرجاع dispatch لا يعمل
باستخدام Redux Thunk، السجل الأول 'OK' يعمل بشكل جيد، لكن العملية لا تنتقل إلى console.log الثاني.
هل يعرف أحد ما الخطأ؟ شكراً
export const postTweet = (body) => { console.log('OK') return dispatch => { console.log('NO LOG') } }الإجابة رقم 1
يجب عليك القيام بـ dispatch(postTweet(body)). مجرد استدعاء postTweet مثل postTweet(body) من المكون لا يحقق المطلوب.
اقرأ أكثر →جافاسكريبت - ربط NextJS و next-i18next و with-redux و with-redux-saga: "خطأ: إذا كان لديك طريقة getInitialProps في ملف _app.js المخصص الخاص بك..."
أحاول توصيل تطبيق NextJS/React يعمل بشكل صحيح ويستخدم 'with-redux-saga' و 'with-redux' بـ 'next-i18n' (https://github.com/isaachinman/next-i18next) -- ولكن عند تشغيل تطبيقي أحصل على الخطأ التالي:
خطأ: إذا كان لديك طريقة getInitialProps في ملف _app
اقرأ أكثر →جافاسكريبت - Redux RTK Query: إبطال عنصر واحد فقط من القائمة
لدي واجهة برمجة التطبيقات التالية معرفة لاستعلام RTK:
export const postsApi = createApi({ reducerPath: "postsApi", baseQuery: fetchBaseQuery({ baseUrl: 'https://myservice.co/api/v2/' }), tagTypes: ["Posts"], endpoints: (builder) => ({ getAllPosts: اقرأ أكثر →جافا سكريبت - كيف يجب التعامل مع إلغاء الاشتراك في مكون React عند استخدام Redux؟
في مكوني لدي ما يلي:
componentWillMount: function () { this.unsubscribe = store.subscribe(function () { this.setState({message: store.getState().authentication.message}); }.bind(this)); }, componentWillUnmount: function () { this.unsubscribe(); } اقرأ أكثر →جافاسكريبت - Redux-thunk مع Websockets
أريد إنشاء websocket حسب الطلب عندما ترغب بعض المكونات في الاشتراك في البيانات. كيف يمكنني مشاركة مثيل websocket بطريقة مشابهة لـ redux؟
action.js
export function subscribeToWS(url) { return dispatch => { let websocket = new WebSocket(url) websocket.on('connect', () => { websocket.send("subscribe") } websocket.on('message', (message) => { dispatch(storeNewData(message)) } } }يمكنني أن أفعل شيئ
اقرأ أكثر →جافاسكريبت - الحصول على قيم redux-form في حدث onChange
ما هي الطريقة الصحيحة للحصول على القيم من نموذج يتم إدارته بواسطة redux-form بعد كل تحديث للنموذج؟ أحتاج إلى إرسال إجراء في كل مرة يتغير فيها النموذج، باستخدام القيم المدخلة في النموذج.
الحل الحالي الخاص بي يستخرج القيم القديمة، بدلاً من تلك التي تم تحديثها للتو.
onFormChange(e) { const اقرأ أكثر →