redux द्वारा जीवित किया जाना केवल सुसमाचार है। यह बहुत सरल और सुरुचिपूर्ण है। बहुत प्रशंसा! ! !

बीटीडब्ल्यू, मैंने गलती से एक विदेशी को ट्विटर पर आज इसे दोबारा पोस्ट किया, मुझे लगा कि यह एक विदेशी द्वारा लिखा गया था, लेकिन मुझे उम्मीद नहीं थी कि यह Alipay का सहपाठी होगा,

प्रभाव के विस्तार के लिए तत्पर हैं

क्या Alipay उत्पादन वातावरण इस वास्तुकला का उपयोग कर रहा है?

@besteric dva अभी बाहर आया है, और इसे अभी तक लागू नहीं किया गया है, लेकिन इसके पीछे के एप्लिकेशन आर्किटेक्चर का उपयोग कुछ समय के लिए किया गया है।

क्या रेड्यूसर इस तरह लिखा जा सकता है:

const reducer = (state, { type, payload }) => {
  switch (type) {
    case 'products/query':
      return { ...state, loading: true, };
    case 'products/query/success':
      return { ...state, loading: false, list: payload };
    default
      return state;
  }
}

app.model({
  reducer
})

इससे रेड्यूसर में कुछ उच्च-क्रम विधियों को लागू करना संभव हो जाता है।

स्तुति, मैंने कुछ डेमो लिखे और केवल एक ही समस्या है, मॉडल का केवल उपयोग किया जा सकता है
app.model(Model1); app.model(Model2);
क्या यह विधि संयोजन को पूरा करने के लिए है, वास्तव में, मुझे लगता है कि आदर्श है
app.model([Model1,Model2])
किसी प्रकार का

घटकों के बीच प्रेषण पारित करना बहुत मुश्किल है, निम्नलिखित समाधान पर विचार करें

bindActionCreators का उपयोग न करें?

क्या @yesmeck reducer के उन्नत उपयोग का विशिष्ट परिदृश्य केवल redo/undo है? मैं नहीं चाहता कि dva बहुत लचीला हो, और मैं इसे भविष्य में एडऑन के माध्यम से जोड़ने पर विचार करूंगा।

हम अपनी परियोजना में बहुत उपयोग करते हैं। उदाहरण के लिए, हम मूल रेड्यूसर को संशोधित करने के लिए कई रेड्यूसर के समान भागों को एक उच्च-स्तरीय विधि में निकालेंगे, और उच्च-स्तरीय विधियां हैं जो रेड्यूसर को रूट के समय राज्य को रीसेट करने की अनुमति देती हैं। परिवर्तन। , और यह https://github.com/erikras/multireducer

@ टिंकर 404 मुझे लगता है कि मॉडल को अलग से घोषित करना स्पष्ट होगा, और इसे जोड़ना और हटाना आसान होगा। मैं इसे लिखूंगा:

app.model(require('../models/a'));
app.model(require('../models/b'));

@JimmyLv व्यक्तिगत रूप से actionCreator का उपयोग नहीं करना पसंद करते हैं, लेकिन केवल dispatch ।

@yesmeck ठीक है, मैं इसके बारे में फिर से सोचूंगा।

उच्च-क्रम विधियाँ भी हैं जो रूट बदलने पर रिड्यूसर को राज्य को रीसेट करने की अनुमति देती हैं

मुझे लगता है कि subscriptions में रूटिंग परिवर्तनों की सदस्यता लेने और फिर कार्रवाई के माध्यम से स्थिति को रीसेट करने से यह परिदृश्य अधिक उपयुक्त है। या क्या रिड्यूसर एन्हांसर विधि का उपयोग करने का कोई फायदा है?

मुझे लगता है कि सदस्यता में रूटिंग परिवर्तनों की सदस्यता लेने और फिर कार्रवाई के माध्यम से राज्य को रीसेट करने से यह परिदृश्य अधिक उपयुक्त है

इस मामले में, प्रत्येक रिड्यूसर जिसे रीसेट करने की आवश्यकता होती है, उसे रीसेट लॉजिक लिखने की आवश्यकता होती है। यदि हम एक उच्च-स्तरीय विधि का उपयोग करते हैं, तो हमें केवल इसे अभी करने की आवश्यकता है:

combineReducers({
  products: composeReducers({  // composeReducers 的实现见下面
    recycle(LOCATION_CHANGE, initialState),  // recycle 用来在路由变化时重置状态
    products
  })
})

एक और परिदृश्य वही तर्क है जो मैं विभिन्न रेड्यूसर निकालने के बारे में बात कर रहा हूं। उदाहरण के लिए, उत्पादों की एक सूची और उपयोगकर्ताओं की एक सूची है, और उनके रिड्यूसर इस प्रकार हैं:

// reducers/products.js
const reducer = (state, { type, action}) => {
  switch (type) {
    case 'products/FETCH_SUCCESS':
      return {
        ...state,
        loading: false,
        list: payload
      }
    default:
      return state
  }
}

// reducers/users.js
const reducer = (state, { type, payload}) => {
  switch (type) {
    case 'users/FETCH_SUCCESS':
      return {
        ...state,
        loading: false,
        list: payload
      }
    default:
      return state
  }
}

यहां दो रेड्यूसर लगभग समान हैं, इसलिए हम इसे निकालते हैं और एक सूची रेड्यूसर लिखते हैं:

const list = (actionType) => {
  return (state, { type, payload }) => {
    switch (type) {
      case actionType:
        return {
          ...state,
          loading: false,
          list: payload
        }
        break;
      default:
        return state
    }
  }
}

फिर हम इन 3 रेड्यूसर को संयोजित करने के लिए composeReducers लागू करते हैं:

function composeReducers(...reducers) {
  return (state, action) => {
    if (reducers.length === 0) {
      return state
    }

    const last = reducers[reducers.length - 1]
    const rest = reducers.slice(0, -1)

    return rest.reduceRight((enhanced, reducer) => reducer(enhanced, action), last(state, action))
  }
}

इस तरह, उत्पाद सूची और उपयोगकर्ता सूची के लिए रिड्यूसर यह बन जाता है:

// reducers/products.js
const reducer = (state, { type, payload}) => {
  // 其他逻辑
}

export default composeReducer(reducer, list('products/FETCH_SUCCESS'))

// reducers/users.js
const reducer = (state, { type, payload}) => {
  // 其他逻辑
}

export default composeReducer(reducer, list('users/FETCH_SUCCESS'))

सूची सिर्फ एक उदाहरण है, वास्तव में, परियोजना में कई रेड्यूसर हैं जिनके पास एक ही तर्क है।

@yesmeck , रेड्यूसर बढ़ाने की भूमिका को पहले कम करके आंका गया है।

@sorrycc क्या आप कह सकते हैं क्यों? स्पष्ट रूप से dispatch तुलना के साथ बुलाया गया?

@ टिंकर 404 मुझे लगता है कि मॉडल को अलग से घोषित करना स्पष्ट होगा, और इसे जोड़ना और हटाना आसान होगा। मैं इसे लिखूंगा:
app.model(require('../models/a'));
ऐप.मॉडल (आवश्यकता ('../मॉडल/बी'));

मैं एक ऐसी विधि का भी सुझाव देता हूं जो एक समय में कई मॉडलों में पारित हो सकती है। बड़ी परियोजनाओं में कई मॉडल हो सकते हैं। अब मुझे उन सभी की आवश्यकता है (आयात करें), और फिर प्रत्येक मॉडल को एक-एक करके मॉडल करें, जो बहुत सुविधाजनक नहीं है। मेरा वर्तमान तरीका लेखन का है:

// models是个文件夹，有很多model
import models from './models';

models.forEach((m)=>{
    app.model(m);
});

// models.js
const context = require.context('./', false, /\.js$/);
const keys = context.keys().filter(item => item !== './index.js');
const models = [];
for (let i = 0; i < keys.length; i++) {
  models.push(context(keys[i]));
}
export default models;

यह बहुत डी.वी.ए. है।

मुझे उपयोगकर्ता-डैशबोर्ड में antd फॉर्म घटक का उपयोग मिला। मुझे याद है कि इसका उपयोग शुद्ध घटक के लिए नहीं किया जा सकता है। क्या यह अब संभव है?

@codering मुझे याद नहीं है कि प्रतिबंध हैं, antd के साथ मुद्दों को https://github.com/ant-design/ant-design/issues पर पूछा जा सकता है।

https://github.com/react-component/form/blob/master/README.md
नोट में लिखा है।

हैलो, मैं आपके डीवीए का उपयोग करना चाहता हूं। वर्तमान में, मैं रिएक्ट वेबपैक रेडक्स मचान द्वारा उत्पन्न निर्देशिका संरचना का उपयोग करता हूं। मैंने आपके उदाहरण में उपयोगकर्ता-डैशबोर्ड उदाहरण के संदर्भ में कोड बदल दिया है, लेकिन शुरुआत के बाद कुछ भी नहीं है। क्या आप मदद कर सकते हैं मुझे पता चला कि यह कहाँ है? कुछ गलत हो गया, मेरे प्रोजेक्ट का पता: https://github.com/baiyulong/lenovo_parts

@baiyulong उपयोगकर्ता-डैशबोर्ड की निर्देशिका संरचना के आधार पर इसे सीधे क्यों नहीं करते?

@sorrycc मैं अब उपयोगकर्ता-डैशबोर्ड निर्देशिका संरचना का उपयोग कर रहा हूं। क्या डीवीए रूटिंग के लिए कोई विशेष उपचार या लेखन है?
export default function({ history }) {
return (
<Router history={history}>
<IndexRoute component={HomePage} />
<Route path='/' component={HomePage}>
<Route path='/create' component={CreateOrder} />
</Route>
</Router>
)
}
यह मार्ग मैंने लिखा है, होमपेज कर सकता है, मैंने <Link to='/create'>Create</Link> लिंक लिखा है, मैं इसे क्लिक करने के बाद CreateOrder घटक पर नहीं जा सकता

@baiyulong dva का मार्ग लिखने का कोई विशेष तरीका नहीं है, कृपया प्रयास करें:

1. क्या कोई त्रुटि है
2. सीधे /create मार्ग तक पहुँचने का प्रयास करें

@nikogu बहुत बहुत धन्यवाद, मैं नेस्टेड आउट होने के बाद ठीक हो जाऊंगा

हैलो, क्या डीवीए मॉडल के हॉट लोडिंग का समर्थन कर सकता है?

@kkkf1190 इस पर विचार कर रहा है और इसका समर्थन करेगा।

मैं

बस आपको धन्यवाद कहना चाहता था। . .

मैंने हमेशा सोचा है कि Vuejs के Vue-CLI का मचान बहुत अच्छा है इसे पढ़ने के बाद मेरी सोच पूरी तरह से बदल गई है।

बहुत बढ़िया फ्रेम! कुछ समय से शोध कर रहे हैं। @sorrycc मैं युंडा से दो प्रश्न पूछना चाहता हूं:

1. dva पूरी तरह से देशी परियोजनाओं प्रतिक्रिया में इस्तेमाल किया जा सकता है?
2. क्या dva+reactjs सर्वर-साइड रेंडरिंग को अच्छी तरह से सपोर्ट कर सकता है?

@ फ्रीमेम्बर007

1. समर्थन प्रतिक्रिया-मूल, संदर्भ उदाहरण: https://github.com/sorrycc/dva-example-react-native
2. सिद्धांत रूप में सर्वर संचालन में कोई समस्या नहीं है। इसके पीछे रेडक्स और रिएक्ट-राउटर दोनों एसएसआर का समर्थन करते हैं, लेकिन इसे डीवीए पर लागू करने में कुछ समय लगेगा, क्योंकि प्रासंगिक तर्क को सीधा और अच्छी तरह से पैक किया जाना चाहिए

@sorrycc क्या अब उच्च ऑर्डर रेड्यूसर समर्थन के लिए कोई समाधान है? पुन: उपयोग के कारण हमारी परियोजना बहुत सारे उच्च-क्रम वाले रेड्यूसर का उपयोग करती है

@ancheel द्वारा समर्थित, वैश्विक या स्थानीय हो सकता है, संदर्भ उपयोग का मामला: https://github.com/dvajs/dva/blob/master/test/reducers-test.js

मॉडल की स्थिति को संशोधित करने के बाद, इसे फिर से कैसे संशोधित किया जाए, यह समस्या हमेशा होती है
antd.js:32924 चेतावनी: setState(...): मौजूदा राज्य संक्रमण के दौरान अपडेट नहीं किया जा सकता (जैसे render या किसी अन्य घटक के कंस्ट्रक्टर के भीतर)। रेंडर विधियाँ प्रॉप्स और स्टेट का शुद्ध कार्य होना चाहिए; कंस्ट्रक्टर दुष्प्रभाव एक विरोधी पैटर्न हैं, लेकिन इसे componentWillMount में ले जाया जा सकता है।

बहुत ही रोमांचक, इसे उत्पादन वातावरण में उपयोग करने का प्रयास करें, आशा है कि अनुकूलन और सुधार जारी रहेगा

इसे बेवकूफ़ बनाओ!

अच्छा काम。धन्यवाद！！

@sorrycc सर्वर-साइड रेंडरिंग का समर्थन करने के लिए तत्पर हैं!

@mountainmoon द्वारा समर्थित, https://github.com/sorrycc/dva-boilerplate-isomorphic देखें ।

पहियों की एक लहर आई: +1:

नमस्ते, मैं अभी इस डीवा को सीखने के लिए संपर्क में आया हूं। कुछ दिनों के लिए कोड पढ़ने के बाद, मेरे दिल में कुछ सवाल हैं। मैं पूछना चाहता हूं:
मैंने देखा कि आपके डेमो सभी सिंगल-पेज एप्लिकेशन हैं, लेकिन वे सभी विकास में मल्टी-पेज एप्लिकेशन हैं। मैं पूछना चाहता हूं, अगर मल्टी-पेज एप्लिकेशन डेवलपमेंट में रूटिंग का उपयोग नहीं किया जाता है, तो इसके बजाय घटकों को कैसे लोड किया जाए, शायद मैं हूं एक बेवकूफ पूछना। यह थोड़ा भ्रमित करने वाला है, क्योंकि मैं रूटिंग का उपयोग नहीं करता, इसलिए मॉडल में सेट श्रोता स्पष्ट नहीं है कि कहां ट्रिगर करना है:
इतिहास। सुनो (स्थान => {
अगर (स्थान.पथनाम === '/ उपयोगकर्ता') {
प्रेषण({
टाइप करें: 'क्वेरी सक्सेस',
पेलोड:{}
})
}
})
पुनश्च: क्वेरी में डेटा लोड करते समय सफलता विधि और निर्यात डिफ़ॉल्ट कनेक्ट (mapStateToProps) (उपयोगकर्ता) का उपयोग करते हुए; एक त्रुटि भी बताई गई है:
Connect.js:41 Uncaught TypeError: किसी क्लास को फंक्शन के रूप में कॉल नहीं कर सकता
मैं एक पल में एक बेवकूफ की तरह महसूस करता हूं, मुझे नहीं पता कि क्या मैं आपको इसे समझाने के लिए परेशान कर सकता हूं, धन्यवाद!

डीवा क्यों? कृपया अंग्रेज़ी का प्रयोग करें

मुझे लिखने का यह तरीका बिल्कुल पसंद नहीं है।

@codering आपने उपयोगकर्ता-डैशबोर्ड में एएनटी फॉर्म घटकों के उपयोग का उल्लेख किया है। मुझे याद है कि इसका उपयोग शुद्ध घटकों के लिए नहीं किया जा सकता है। क्या यह अब संभव है?
मैंने भी इसका सबसे अधिक सामना किया है। यदि यह एक शुद्ध फ़ंक्शन घटक है, तो getFieldDecorator फ़ंक्शन को props.form.getFieldDecorator के माध्यम से प्राप्त नहीं किया जा सकता है। यदि आप एक घटक बनाने के लिए विस्तार का उपयोग करते हैं, तो आप इसे प्राप्त कर सकते हैं।
मुझे नहीं पता कि क्या भगवान के पास कोई समाधान है @sorrycc

क्या आप कृपया उसी पेज को अंग्रेजी में लॉन्च कर सकते हैं? हम इसे समझ नहीं पा रहे हैं, और हमें dva की आवश्यकता क्यों है।

हैलो, अगर यह एक बड़ी परियोजना है, तो इसकी स्थिति बहुत बड़ी होगी, और इसे संसाधित करना बहुत बोझिल होगा। क्या इसे कई मॉडलों में विभाजित किया जाना चाहिए?

@ yazhou-zyz मुझे आपके जैसी ही समस्या है:
चेतावनी: सेटस्टेट (...): मौजूदा राज्य संक्रमण के दौरान अपडेट नहीं किया जा सकता (जैसे कि रेंडर या किसी अन्य घटक के कंस्ट्रक्टर के भीतर)। रेंडर विधियाँ प्रॉप्स और स्टेट का शुद्ध कार्य होना चाहिए; कंस्ट्रक्टर साइड-इफेक्ट्स एक एंटी-पैटर्न हैं, लेकिन कंपोनेंटविलमाउंट में ले जाया जा सकता है।
मैं पूछना चाहता हूं कि आपने इसे कैसे हल किया?

सीखना

पढाई करते रहो

निर्माण परियोजनाओं के लिए डीवीए महान संदर्भ मूल्य का है।

अच्छा काम~

मुझे अंग्रेजी में डॉक्स कहां मिल सकते हैं ??? अनुवादक इंजन के साथ विषय का अनुवाद करना समस्याग्रस्त है और समझ पर्याप्त नहीं है। अंग्रेजी से आप लोग दुनिया तक पहुंच सकते हैं। अच्छा काम करते रहें!! :रॉकेट:

प्रतिक्रिया-मूल 0.47.X और React16.0.0 संस्करणों में dva की कोशिश नहीं की गई है

@vecold हमेशा इसका उपयोग करने में सक्षम रहा है, यह कहते हुए कि आमंत्रण कोड या त्रुटि संदेश का उपयोग नहीं किया जा सकता है

क्या कोई मौका है कि हम दस्तावेज़ों का अंग्रेजी अनुवाद प्राप्त कर सकें?
धन्यवाद!

व्यापार कोड में, ऐसा उदाहरण आम है। एक स्थानीय राज्य अद्यतन पूरे शरीर को प्रभावित कर सकता है। कई स्थान जिन्हें फिर से प्रस्तुत करने की आवश्यकता नहीं है, उन्हें भी फिर से प्रस्तुत किया जाता है, जो पृष्ठ के प्रदर्शन को बहुत कम कर देता है। क्या इस फ़ंक्शन को स्वचालित रूप से उस स्थिति का विश्लेषण करने के लिए जोड़ा जा सकता है जो अनावश्यक mapStateToProps गणनाओं को कम करने और फिर से प्रस्तुत करने के लिए redux कनेक्ट निर्भर करता है

आप बहुत अ
लेकिन जब मैं एक पेज बनाने की उम्मीद करता हूं तो यह सभी पेज बनाता है

_अनौपचारिक अनुवाद_

डीवा क्यों?

रेडक्स अच्छा है। लेकिन बहुत सारी अवधारणाएं हैं, अलग किए गए रेड्यूसर, सागा और क्रियाएं (विभिन्न फाइलों में विभाजित)

1. रेड्यूसर, संतों और कार्यों के बीच बार-बार स्विच करना चाहिए
2. व्यवसाय मॉडल (या डोमेन मॉडल) को व्यवस्थित करने में असुविधा। क्स्प के लिए, जब हमारे पास पहले से ही user_list है, और product_list की आवश्यकता है, तो एक फाइल कॉपी को डुप्लिकेट करना होगा
3. सागा लिखना कठिन है। आपको हर एक क्रिया के लिए कांटा -> द्रष्टा -> कार्यकर्ता बनाना होगा।
4. प्रवेश थकाऊ और जटिल है

डीवा क्या है?

यह मौजूदा ढांचे पर एक लाइट रैपर है (रेडक्स + प्रतिक्रिया-राउटर + रेडक्स-सागा ...) कोई नई अवधारणा शामिल नहीं है। <100 लाइन कोड। (एल्म और चू से प्रेरित।)

यह एक ढांचा है, पुस्तकालय नहीं। Ember.js की तरह, यह आपके प्रत्येक भाग को लिखने के तरीके को बाधित करता है। यह टीम वर्क के लिए अधिक नियंत्रणीय है। डीवा प्रतिक्रिया और प्रतिक्रिया-डोम को सहकर्मी निर्भरता के रूप में छोड़कर सभी निर्भरताओं को समाहित करता है

इसका कार्यान्वयन यथासंभव कम नए वाक्यविन्यास पेश करता है। यह निर्भरताओं का पुन: उपयोग करता है। क्स्प के लिए, राउटर की परिभाषा ठीक उसी तरह है जैसे प्रतिक्रिया-राउटर का JSX।

मुख्य कार्यक्षमता app.model है। यह रेड्यूसर, इनिशियलस्टेट, एक्शन, गाथा को पूरी तरह से एनकैप्सुलेट करता है।

app.model({
  namespace: 'products',
  state: {
    list: [],
    loading: false,
  },
  subscriptions: [
    function(dispatch) {
      dispatch({type: 'products/query'});
    },
  ],
  effects: {
    ['products/query']: function*() {
      yield call(delay(800));
      yield put({
        type: 'products/query/success',
        payload: ['ant-tool', 'roof'],
      });
    },
  },
  reducers: {
    ['products/query'](state) {
      return { ...state, loading: true, };
    },
    ['products/query/success'](state, { payload }) {
      return { ...state, loading: false, list: payload };
    },
  },
});

हम sagas/products.js, reducers/products.js actions/products.js बनाते थे और उनके बीच स्विच करते थे।

मुख्य बिंदु:

• नेमस्पेस: key का reducer अपने rootReducer ऑब्जेक्ट में
• राज्य: initialState का reducer
• सदस्यता: [email protected] की नई अवधारणा, डोम तैयार होने पर निष्पादित: FRP को एक विदाई
• प्रभाव: आसान ऋषि
• कम करने वाली

कैसे इस्तेमाल करे

उदाहरण देखें

रोडमैप

• devtool हॉट-रीलोड
• राउटर के लिए डायनामिक कॉन्फिगर
• Effects अधिक saga मॉडल का समर्थन करता है
• अध्याय परीक्षा
• अधिक उदाहरण: todolist, antd-init में उपयोगकर्ता, लोकप्रिय उत्पाद

सामान्य प्रश्न

देव-उपकरण का समर्थन करता है?

Redux-devtool, css livereload के साथ संगत। हॉट-रीलोड के लिए और अधिक काम करने की आवश्यकता है

उत्पाद env के लिए अच्छा है?

ज़रूर

Redux + redux-saga की सभी कार्यक्षमताओं को शामिल करना?

हां

ब्राउज़र संगतता?

Redux-saga के कारण IE8 नहीं। (बाद में प्रभाव परत पर विस्तार के रूप में थंक, वादा, देखने योग्य लागू हो सकता है)

कृपया समान

['products/query']: function*() {}
['products/query'](state) {}

वाक्यविन्यास क्या है? क्या सरणियों का उपयोग फ़ंक्शन नामों के रूप में किया जा सकता है?

@clemTheDasher फ़ंक्शन नाम की गणना जावास्क्रिप्ट में कुंजी (सरणी नहीं ) की जा सकती है। विधि परिभाषाओं का अधिक विवरण संदर्भ |

var obj = {
  property( parameters… ) {},
  *generator( parameters… ) {},
  async property( parameters… ) {},
  async* generator( parameters… ) {},

  // with computed keys:
  [property]( parameters… ) {},
  *[generator]( parameters… ) {},
  async [property]( parameters… ) {},

  // compare getter/setter syntax:
  get property() {},
  set property(value) {}
};

नवागंतुक रिपोर्ट, यहां आएं और फ्रंट-एंड ज्ञान सीखने के लिए कड़ी मेहनत करना जारी रखें

@clemTheDasher यह गणना की गई संपत्ति है।

लिंक https://github.com/dvajs/dva/tree/master/examples/count 404 क्यों है?

सीखना!

भगवान की ओर देखो

भगवान का शुक्र है, ओपन सोर्स के लिए धन्यवाद

क्या मुझे आप लोगों से सीखने की अनुमति नहीं है!

मैंने सीखा, हमारे उपयोग के लिए इतना सुविधाजनक ढांचा रखने के लिए धन्यवाद

जीथब पर डेमो लिंक की समय सीमा समाप्त हो गई है।

@sorrycc क्या dva अब सर्वर-साइड रेंडरिंग का समर्थन करता है?

क्या रेड्यूसर इस तरह लिखा जा सकता है:

const reducer = (state, { type, payload }) => {
  switch (type) {
    case 'products/query':
      return { ...state, loading: true, };
    case 'products/query/success':
      return { ...state, loading: false, list: payload };
    default
      return state;
  }
}

app.model({
  reducer
})

इससे रेड्यूसर में कुछ उच्च-क्रम विधियों को लागू करना संभव हो जाता है।

लेखन की Redux शैली संक्षिप्त है, और राज्य को संशोधित करने के लिए केवल एक पंक्ति की आवश्यकता होती है, लेकिन ऐसा लगता है कि वाक्यात्मक चीनी के माध्यम से कोड की कई पंक्तियाँ एक साथ लिखी जाती हैं। लेकिन मुझे अभी भी शेष स्थिति को अगले पड़ाव तक पहुंचाने के लिए ...state का उपयोग करने की आवश्यकता है, अन्यथा स्थिति अधूरी रह जाएगी। दूसरे शब्दों में, कम चरण के दौरान, गलत तरीके से लिखे जाने पर कुछ राज्य खो सकते हैं।

कुछ मायनों में, Vuex का विचार पढ़ने में आसान और अधिक स्वाभाविक है। कुछ इस तरह लिखें (बिल्कुल नहीं)।

const mutation = {
  ['products/query'](state) {
    state.loading = true
  },
  ['products/query/success'](state, payload) {
    state.loading = false
    state.list = payload
  }
}

कोड-वार, मुझे केवल इस बात की परवाह है कि मैं किस राज्य को (सिंक्रोनस रूप से) संशोधित करता हूं। स्टेट नेक्स्ट-स्टॉप डिलीवरी के लिए Vuex को बाहर की तरफ एक परत भी लपेटनी चाहिए। संभवत: डिलीवरी से पहले कुछ रक्षात्मक जांच (अनुमान) भी की जाती है, या हुक लगाए जाते हैं।

मुझसे पूछें कि क्या डीवीए की आधिकारिक वेबसाइट का उदाहरण पृष्ठ बाहर नहीं आ सकता है और एक त्रुटि की रिपोर्ट नहीं कर सकता है, क्या यह एक अपग्रेड है?

कृपया समान

['products/query']: function*() {}
['products/query'](state) {}

वाक्यविन्यास क्या है? क्या सरणियों का उपयोग फ़ंक्शन नामों के रूप में किया जा सकता है?

ES6 शाब्दिक वस्तुओं को परिभाषित करने की अनुमति देता है, (अभिव्यक्ति) वस्तु के गुण नाम के रूप में, अर्थात अभिव्यक्ति को वर्ग कोष्ठक में रखें।
जैसे कि

obj = {
  ['xxname']: 'what ever you defined',
  ['xxyy'](args) {
    ....
  }
}

एक सवाल है, 'उत्पाद/क्वेरी' का उपयोग रेड्यूसर की कॉल को संसाधित करने के लिए किया जाता है, और यह एक स्ट्रिंग के माध्यम से नेमस्पेस से जुड़ा होता है। बाद में, यदि परियोजना बड़ी हो जाती है, जैसे सैकड़ों विधियां। अगर मेरा नामस्थान बदलना है। सौ तरीके बदलने के लिए?

@yesmeck , रेड्यूसर बढ़ाने की भूमिका को पहले कम करके आंका गया है।

पता नहीं यहाँ समर्थन है या नहीं?