Javascript Redux React通过mapDispatchToProps方法传递对象

我通过mapDispatchToProps方法在第214行和第249行传递一个对象。214上执行的代码看起来不错，但当我在249上执行相同的操作时，它会抛出以下错误：

对象作为React子对象无效（找到：键为{type， 声音}）

我真的不理解这个错误，因为我是一个新的redux和反应。有人能帮我解决这个问题，使用redux状态，也许可以向我解释为什么它是错误的。多谢各位

以下是代码的链接：

//link to codepen
https://codepen.io/roger1891/pen/LaYYaN

---

您正在返回

this.props.addSound（）

，它返回一个

动作创建者

对象，其中只有一个参数

声音

作为数据。在本例中，您传入的唯一参数是

mySoundList.localSoundList.map（）

。您可能只需要删除该函数

return mySoundList.localSoundList.map((item) => {
      return (<div class="col-sm-4">
          <div id={item.btnId} class="btn btn-primary btn-sm drum-pad" onClick={this.clickButton} value={item.audioId}>
            {item.audioId}
            <audio id={item.audioId} class="clip" src={item.source} type={item.type}></audio>
          </div>
        </div>);                        
    });

返回mySoundList.localSoundList.map（（项）=>{
返回(
{item.audioId}
);                        
});

---

除非您试图通过

ADD\u Sound

action？

中更新的redux状态异步执行某些操作，否则正确，出于学习目的，我希望使用redux状态。这就是我困惑的地方。