रिएक्ट और रेडक्स

Question

के साथ एक अलग रेड्यूसर से एक क्रिया को कॉल करना मुझे 2 घटक मिल गए; एक बाजार और एक स्थिति। स्थिति घटक उपयोगकर्ता के पास कितनी धनराशि का प्रबंधन करता है और बाजार में कुछ सामान खरीदने के लिए बटन होते हैं। जब मैं बटन (बाजार घटक में) पर क्लिक करता हूं, तो मैं अपने पैसे को कम करना चाहता हूं।

मैं इसे सबसे अच्छा तरीका कैसे प्राप्त कर सकता हूं?

यह मेरी अनुप्रयोग घटक जो बाजार है और स्थिति यह है:

import React from 'react'; 
import { Link } from 'react-router'; 
import { connect } from 'react-redux'; 
import { bindActionCreators } from 'redux'; 
import * as MarketActions from '../actions/market-actions'; 
import * as StatusActions from '../actions/status-actions'; 

import Market from './Market.react'; 
import Status from './Status.react'; 

export default class App extends React.Component { 
    render() { 
    const { dispatch, market, status } = this.props; 

    return (
     <div> 
     <h1>App</h1> 
     <Link to='/'>App</Link>{' '}<Link to='/home'>Home</Link> 
     <Status status={status} {...bindActionCreators(StatusActions, dispatch)} /> 
     <Market market={market} {...bindActionCreators(MarketActions, dispatch)} {...bindActionCreators(StatusActions, dispatch)} /> 
     {this.props.children} 
     </div> 
    ); 
    } 
} 

export default connect(state => ({ market: state.market, status: state.status }))(App); 

मैं बाजार घटक पर स्थिति से कार्रवाई के लिए बाध्य (मुझे लगता है यह करने के लिए सही काम नहीं है, लेकिन यह काम किया)।

इस के बाद, मैं इस तरह एक बटन के एक क्लिक पर बाजार घटक में इन क्रियाओं को संचालित:

handleBuyClick(e) { 
    let { index, price } = e.target.dataset; 
    index = parseInt(index); 
    price = parseInt(price); 

    this.props.buyItem(index); 
    this.props.changeMoney(price); //this bugs me, i think it don't belongs there 
} 

वहाँ एक बेहतर तरीका है?

धन्यवाद

Answer 1

दोनों reducers में एक ही कार्रवाई पर प्रतिक्रिया क्यों नहीं? आपके पास कोड हो सकता है:

function status(state, action){ 
... 
    switch(action.type){ 
     case BUY_ITEM: { 
      return 'bought' 
     } 
    } 
... 
} 

function market(state, action){ 
... 
    switch(action.type){ 
     case BUY_ITEM: { 
      return {...state, action.itemId : state[action.itemId] - 1 } 
     } 
    } 
... 
} 

जो भी "प्रतिक्रिया कोड" आपको करने की आवश्यकता है।