Javascript 使用Redux在dispatch内传递许多道具

Javascript 使用Redux在dispatch内传递许多道具,javascript,reactjs,redux,Javascript,Reactjs,Redux,使用Redux,当通过connect从组件传递状态和分派时,单击按钮(由map生成)时,需要在分派中使用一些状态值 我用value绕过了按钮标签中的一个值,但这似乎不是一种明智的做法,它只允许一种状态。这里有概念上的错误吗 从“React”导入React 从'react redux'导入{connect}; 从“../actions/actions”导入{manageGold,addEnhancement} 常量mapStateToProps=(状态)=>{ 返回{ 增强功能:状态[0]。增强功

使用Redux,当通过connect从组件传递状态和分派时,单击按钮(由map生成)时,需要在分派中使用一些状态值

我用value绕过了按钮标签中的一个值,但这似乎不是一种明智的做法,它只允许一种状态。这里有概念上的错误吗

从“React”导入React
从'react redux'导入{connect};
从“../actions/actions”导入{manageGold,addEnhancement}
常量mapStateToProps=(状态)=>{
返回{
增强功能:状态[0]。增强功能
}
}
const mapDispatchToProps=调度=>{
返回{
manageBuyEnhancement:(事件)=>{
分派(增加(/*此处通过增强*/))
调度(manageGold(event.target.value))
}
}
}
功能增强(道具){
返回(
增强
{props.enhancements.map(enh=>
{enh.enhancementName}

价格:{enh.enhancementPrice}

数量:{enh.enhancementQty}

购买 ) } ) } 导出默认连接( MapStateTops, mapDispatchToProps, 无效的 { 纯:假 } )(增强功能)
您可以添加任意数量的参数。可用于该函数或更高阶函数

manageBuyEnhancement: (event, enhancement)=>{
  dispatch(addEnhancement(enhancement))   
  dispatch(manageGold(event.target.value))
}

...

<button onClick={event=>props.manageBuyEnhancement(event,enhancement)} value={enh.enhancementName}>Buy</button>
manageBuyEnhancement:(事件,增强)=>{
派遣(增派(增派))
调度(manageGold(event.target.value))
}
...
props.manageBuyEnhancement(事件,增强)}value={enh.enhancementName}>Buy

manageBuyEnhancement:enhancement=>event=>{
派遣(增派(增派))
调度(manageGold(event.target.value))
}
...
购买
manageBuyEnhancement: enhancement => event =>{
  dispatch(addEnhancement(enhancement))   
  dispatch(manageGold(event.target.value))
}
...
 <button onClick={props.manageBuyEnhancement(enhancement)} value={enh.enhancementName}>Buy</button>