Javascript 未执行操作（添加联系人）

未执行添加联系人操作。我想在单击ContactListComponent.js中的特定联系人时显示ContactDetailComponent.js完成的联系人详细信息。你能告诉我哪里出错了吗？（当我点击ContactListComponent.js中的按钮时，不会显示联系人详细信息）

这是显示所有联系人的组件（ContactListComponent.js）

import React，{Component}来自'React'；
从“reactstrap”导入{NavItem、Card、CardBody、Nav、Button}；
//从“react router dom”导入{withRouter}；
从'react redux'导入{connect}；
从“../redux/ActionCreators”导入{addDetails}；
//从“../redux/detail”导入{Details}；
const mapDispatchToProps=（调度）=>({
addDetails：（contact）=>调度（addDetails（contact））
});
//常量mapStateToProps=状态=>{
//返回{
//详细信息：state.details.contact
//     }
// }
功能联系人列表（props）{
如果（道具卸载）{
返回（）；
}
否则如果（道具错误）{
返回（{props.errMess}
）；
}
否则{
如果（道具联系人）{
const contactl=props.Contacts.map（（contact）=>{
返回(
addDetails（contact）}>{contact.username}
)
});
返回(
{contactl}
);
}
否则{
返回(
没有联系人

);
}
}
}
导出默认连接（空，mapDispatchToProps）（联系人列表）您正在使用“添加详细信息”操作
但是，您必须使用具有“分派”机制的“addDetails”道具。
只需更改addDetails道具。addDetails
您正在使用“addDetails”操作
但是，您必须使用具有“分派”机制的“addDetails”道具。
只需更改addDetails中的props.addDetails
它应该是
onClick中的
props.addDetails
，它应该是
onClick中的
props.addDetails