从 Redux 访问外键值以将值映射到卡片组件答案

【问题标题】：Accessing foreign key values from Redux to map values into card components从 Redux 访问外键值以将值映射到卡片组件
【发布时间】：2021-07-22 18:28:17
【问题描述】：

我已将外键的包含功能添加到我的后端 API 控制器中，现在这些值正在被拉入我希望它们所在的 Redux 存储中。

当我尝试将它们映射到卡片组件时，我现在无法访问这些值，因为当我的组件呈现时没有出现任何内容。当我在下面的屏幕截图中执行它们时，它们是否应该渲染？从Redux树中可以看到外键（schoolPhotoID_FK）后面有一个[0]数组号。

此刻我正在尝试通过diveSchoolList.schoolPhotoID_FK1.photos 访问外键状态并尝试了一些变体，但我要么得到一个空白（我认为这不是CSS/JSS 问题）要么抛出一个未定义的错误。这看起来像是访问值的正确方法吗？在此示例中，我尝试访问图像 URL，但它对于文本值是相同的。

【问题讨论】：

标签： reactjs redux react-redux material-ui

【解决方案1】：

你的 schoolPhotoID_FK 是数组或对象，所以如果你想访问索引为 0 的对象，你可以使用如下方式

schoolPhotoID_FK1[0].photos

【讨论】：

【解决方案2】：

看起来schoolPhotoID_FK1 是一个数组。

试试：

diveSchoolList.schoolPhotoID_FK1[0].photos

【讨论】：

干杯，现在正在渲染照片。