首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何用Reaction和Redux从不同的减速机调用动作?

如何用Reaction和Redux从不同的减速机调用动作?

提问于 2018-02-12 00:24:42
回答 1关注 0查看 188

我有两个组件:一个市场和一个地位。状态组件管理用户拥有的金钱数量,市场有按钮来购买一些东西。当我点击按钮(在市场组成部分),我希望我的钱减少。

代码语言:txt
复制
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);

在此之后,我在“市场”组件中单击以下按钮处理这些操作:

代码语言:txt
复制
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
}

回答

和开发者交流更多问题细节吧,去 写回答
相关文章

相似问题

相关问答用户
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档