React / redux：this.props返回未定义的值+数组

Question

我正在使用React / redux构建我的应用程序。

这是我的数据（json）

categoryItems: [], // list of categories
categorySelected: []

我想做什么：

1. 选择一个类别
2. 显示所选类别的内容

我的商店就是这样：

getCategoryList() {
   return this.props.categories.map((category) => {
     return (<li key={category.id}> 
            <Link to={`/category/${category.slug}`} onClick={() =>this.props.selectCategory(category.slug)} >{category.name} </Link>)});}

当我选择类别
时，

数据在我的状态下正确保存

在Category组件上我实现了函数selectCategory，它调用了SELECT_CATEGORY动作并将数据分派给reducer。到目前为止一切顺利！

undefined
name

并在CategoryDe​​tail上，当我在console.log（this.props.categorySelected.name）时得到：

IntPtr child = FindWindowEx(apps[0].MainWindowHandle, new IntPtr(0), "Class Name", null);

这是问题，因为我无法阅读this.props.categorySelected.name 如何解决此问题并准确阅读这些道具？

Answer 1

您必须将完整的对象提供给selectCategory()函数。

像这样：

getCategoryList() {
   return this.props.categories.map((category) => {
     return (<li key={category.id}> 
            <Link to={`/category/${category.slug}`} onClick={() =>this.props.selectCategory(category)} >{category.name} </Link>)});
}